Poderíamos escrever nossos próprios Sass @mixins para ajudar com coisas CSS3 (como gradientes), mas existe um framework Sass que já existe chamado Compass que já tem essas coisas prontas para funcionar. É preciso ter um pouco de fé para recuperar o controle de coisas como essa (acho que não mais do que usar um pré-processador para começar), mas vale a pena.
Por que usar o Compass é uma boa ideia?
- Os @mixins são muito bem escritos. Eles correspondem às especificações onde podem e são muito consistentes.
- Atualizações do Compass para que você se mantenha atualizado sobre as práticas recomendadas atuais automaticamente. Provavelmente, ele fará um trabalho mais abrangente do que você sozinho.
- Ele tem um monte de outras coisas poderosas que você pode usar, como spriting (que não abordaremos neste projeto, mas é fofo).
O CodeKit funciona muito bem com o Compass (até vem com ele). Perdemos um pouco do controle que tínhamos no CodeKit (como controlar os caminhos de compilação de arquivos diretamente), mas não é um grande problema. Ainda podemos controlar a maioria das coisas do arquivo config.rb agora em nosso projeto.
Por fim, usamos o Compass para @incluir transições para os links de navegação, dando-lhes uma sensação mais suave.