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

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

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

Aceitar