Ambiente Linux
Note: Não foi utilizado o Ruby, por está descontinuado, segundo o Próprio site. Por isso utilizamos o Dart-Sass.
- Acesse o Repositório Dart-Sass no github;
- Baixe o arquivo que esteja de acordo com o seu computador (Na aba Assets);
- No terminal acesse o arquivo
.bashrc
, usando o seguinte comando:
`~/getit .bashrc`
- Com o .bashrc aberto, na última linha digite o seguinte comando:
export PATH="your-dir:$PATH"
, onde o your-dir é o diretório da pasta que você salvou o arquivo dart-sass que você baixou.
#Exemplo
`export PATH="~/Documentos/dart-sass:$PATH"`
**Depois Salve o arquivo e feche-o. Reinicie também o terminal**
- Por fim verifique se tudo foi instalado com exito. Execute o comando
sass --version
no terminal. Se aparecer a versão, deu tudo certo :)
Caso queira instalar no Windows ou no Mac, acesse o Path de instalação, com todas as intruções.
É uma opção também instalar via npm, se você usa o node.js.
#Execute o comando
`npm install -g sass`
- Compilando o arquivo Sass:
sass arquivo.scss:arquivo.css
. Será transformado no arquivo css; - Dando um 'Watch' (Assistindo as alterações automaticamente):
sass --watch arquivo.scss:arquivo.css
. Assim não precisa compilar toda alteração.
Note: Os comandos de utilização do Sass precisam ser dado dentro da pasta onde está o arquivo css.
o que é mixin, placeholders e como declarar variáveis no SASS.
a explicação e uso do Aninhamento (Nexting)
a explicação e alguns exemplos de uso de funções e imports no SASS.
a explicação e alguns exemplos de uso de funções e imports no SASS.