Como criar um css usando SASS?
29/11/2016
0
Pessoal como funciona essa questão?
Tem algum plugin que gera o código sass eu que preciso codificar o que vai mudar no arquivo?
Tem algum plugin que gera o código sass eu que preciso codificar o que vai mudar no arquivo?
Pedro Philipe
Curtir tópico
+ 0
Responder
Posts
29/11/2016
Kleber Araujo
E ai Pedro tudo bem,
a forma mais rápida seria usando um compilador Sass online como por exemplo: http://www.sassmeister.com/
do lado esquerdo você digita o seu código sass, e do outro lado ele vai compilando para css,
a outra forma seria instalar o Ruby: http://sass-lang.com/install (esse link mostra o passo a passo para compilar sass em sua máquina)
após instalado o Ruby, baixe a ferramenta para trabalhar com o sass, abra o terminal e digite: gem install sass
crie por exemplo um arquivo estilo.scss com o conteúdo por exemplo
salve em algum diretório do seu pc ou note book, ai no terminal navegue até onde está o seu arquivo sass, e digite
sass --watch style.scss:style.css
pronto!, agora a ferramenta do sass vai ficar "assistindo esse arquivo" e toda vez que alterá-lo ele já gera um arquivo .css pra vc,
a forma mais rápida seria usando um compilador Sass online como por exemplo: http://www.sassmeister.com/
do lado esquerdo você digita o seu código sass, e do outro lado ele vai compilando para css,
a outra forma seria instalar o Ruby: http://sass-lang.com/install (esse link mostra o passo a passo para compilar sass em sua máquina)
após instalado o Ruby, baixe a ferramenta para trabalhar com o sass, abra o terminal e digite: gem install sass
crie por exemplo um arquivo estilo.scss com o conteúdo por exemplo
// variável $cor-default: #069; .btn-primario { // chamo a variável: background: $cor-default; } .texto-principal { // usa a variável tb: color: $cor-default; }
salve em algum diretório do seu pc ou note book, ai no terminal navegue até onde está o seu arquivo sass, e digite
sass --watch style.scss:style.css
pronto!, agora a ferramenta do sass vai ficar "assistindo esse arquivo" e toda vez que alterá-lo ele já gera um arquivo .css pra vc,
Responder
Clique aqui para fazer login e interagir na Comunidade :)