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?
Pedro Philipe

Pedro Philipe

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

// 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

30/11/2016

Kleber Araujo

se gostar da resposta deixa um Joinha pra nós =)
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar