Como criar um css usando SASS?

CSS

Front-end

29/11/2016

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

Curtidas 0

Respostas

Kleber Araujo

Kleber Araujo

29/11/2016

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,
GOSTEI 0
Kleber Araujo

Kleber Araujo

29/11/2016

se gostar da resposta deixa um Joinha pra nós =)
GOSTEI 0
POSTAR