Instruções SASS e CSS - msfernandes/busine.me GitHub Wiki

###Instalando Compass

Todas as alterações de estilo devem ser realizadas via SASS, portanto, será necessário um compilador SASS -> CSS.

As formas de instalar o compass são via pacote:

$ sudo apt-get install ruby-compass # Debian/Ubuntu

$ sudo yum install rubygem-compass # Fedora/CentOS

Ou instalando a gem:

$ gem install compass

###Compilando o SASS

Para que as alterações no SASS sejam compiladas automaticamente para o CSS, é necessário que o Compass esteja sendo executado, dentro da pasta static:

$ cd static/
$ compass watch

Pronto! Agora todas as alterações feitas, em qualquer arquivo .sass serão compiladas automaticamente.

###SASS do Busineme x Materialize

A grande parte dos componentes utilizados no busineme são fornecidos pelo MaterializeCSS e toda a documentação presente em seu site é de grande ajuda na hora de criar as páginas. Porém, nem tudo que o MaterializeCSS provê é suficiente, portanto as classes e estilos referentes ao busineme estarão implementados em static/sass/components/_busineme.scss.

Algumas cores específicas do Busineme também foram inseridas às cores do MaterializeCSS, essas classes são:

.busineme.light-blue
.busineme.blue
.busineme.green
.busineme.light-grey
.busineme.yellow
.busineme.orange
.busineme.red
.busineme.dark-grey

Para colocar uma cor específica do busineme em algum texto, basta seguir o seguinte padrão:

<p class="busineme-text text-light-blue">Lorem ipsum dolor sit amet.</p>