Podríamos escribir nuestros propios Sass @mixinpara ayudar con las cosas de CSS3 (como degradados), pero hay un marco de Sass que ya existe llamado Compass que ya tiene esas cosas listas para funcionar. Se necesita un poco de acto de fe para renunciar al control de cosas como esta (supongo que no es más que usar un preprocesador para empezar), pero vale la pena.
¿Por qué es una buena idea utilizar Compass?
- Las @mixins están muy bien escritas. Coinciden con la especificación donde pueden y son muy consistentes.
- Compass se actualiza para que se mantenga actualizado sobre las mejores prácticas actuales automáticamente. Probablemente hará un trabajo más completo al hacerlo que usted solo.
- Tiene un montón de otras cosas poderosas que puedes aprovechar, como spriting (que no veremos en este proyecto, pero es dulce).
CodeKit funciona muy bien con Compass (incluso se envía con él). Perdemos parte del control que teníamos en CodeKit (como controlar directamente las rutas de compilación de archivos) pero no es gran cosa. Todavía podemos controlar la mayoría de las cosas desde el archivo config.rb ahora en nuestro proyecto.
En última instancia, usamos Compass para @incluir transiciones para los enlaces de navegación dándoles una sensación más suave.