Referência: https://sass-lang.com/
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/
- Processo de interpretação intermediário
- Antes do processamento do navegador
- Prevenção de erros
- Organização
- Reaproveitamento
- Facilitam a customização e reaproveitamento
- Estruturação de componentes
- Herança
- Evita sobreposição
- Modularizar o código
- snippets
- 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