O que é SCSS?
SCSS (Sassy CSS) é um pré-processador CSS que adiciona recursos como variáveis, aninhamento, mixins, funções e muito mais ao CSS padrão. É compilado para CSS regular antes do navegador processar.
Benefícios do SCSS
1. Aninhamento: Selecione elementos dentro de outros, reduzindo repetição.
2. Variáveis: Defina cores, fontes e espaçamentos uma vez, reutilize em todo projeto.
3. Mixins: Crie blocos de CSS reutilizáveis, como gradients, shadows, etc.
4. Organização: Arquivos podem ser divididos em parciais e importados conforme necessário.