Pondo a mão na massa

A partir desse ponto temos o nosso Gruntfile configurado para compilar os nossos arquivos e também temos uma estrutura muito simples de diretório que os armazenará.

Tentarei aqui exemplificar algumas funcionalidades do Sass aplicado ao nosso mini-minuscúlo-pequeno projeto e como utilizá-lo para resolver problemas em projetos reais. Não falarei de todas as funcionalidades, mas como darei exemplos práticos, acredito que o aprendizado será muito mais proveitoso.

Uma grande vantagem do uso de qualquer pré-processador de css é poder trabalhar com variáveis. Em sites grandes, é muito comum ter que mudar uma propriedade como uma cor, um valor de opacidade ou o tamanho de uma fonte em mais de um lugar no código. É nesses cenários que as variáveis fazem sentido.