SASS
Referência: https://sass-lang.com/
Introdução a pré-processadores
São ferramentas utilizadas para aumentar a produtividade no desenvolvimento CSS, mantentendo a compatibilidade entre as versões do CSS nos navegadores.
- SASS https://sass-lang.com/
- Stylus https://stylus-lang.com/
- Less https://lesscss.org/
- PostCSS https://postcss.org/
Preprocessamento
- Processo de interpretação intermediário
- Antes do processamento do navegador
- Prevenção de erros
- Organização
- Reaproveitamento
Variáveis
- Facilitam a customização e reaproveitamento
Identação / Hirarquia
- Estruturação de componentes
- Herança
- Evita sobreposição
Partials
- Modularizar o código
- snippets
Code Together
- ter no node instalado
- instalar o sass (https://sass-lang.com/install):
npm install -g sass
- criar projeto ou clonar o repositório
- criar ou alterar arquivo style.scss
- rodar o comando para processar o css:
sass ./scss/style.scss ./css/style.css
- customizar o projeto
- salvar alterações
- comitar no seu repositório
- enviar o link do repositório para o portal da EBAC