css3 - long - ¿Qué es Compass, qué es sass... cómo difieren?

sass vs css

Question

Me gustaría comenzar a usar brújula y sass para acelerar el desarrollo. Por el momento, he instalado Sass en un mac y lo he instruido para ver el archivo scss para la entrada, y un archivo css para la salida generada.

De muchos artículos, Sass se usa con Compass, me pregunto por qué ese es el caso y ¿qué agrega Compass que Sass viene sin? Si puedes dar un ejemplo, mejor.

Gracias

Answer 1

De Sass y Compass in Action , por Wynn Netherland, Nathan Weizenbaum, Chris Eppstein y Brandon Mathis:

1.3 ¿Qué es la brújula?

Compass ayuda a los autores de Sass a escribir hojas de estilo más inteligentes y faculta a una comunidad de diseñadores y desarrolladores para crear y compartir potentes marcos. En pocas palabras, Compass es un framework Sass , diseñado para hacer que el trabajo de diseñar la web sea sencillo y eficiente. Al igual que Rails como un marco de aplicaciones web para Ruby, Compass es una colección de herramientas útiles y las mejores prácticas probadas en batalla para Sass .

(énfasis añadido)

Answer 2

Compass es una extensión de Sass (como en Compass requiere Sass). Tiene su propio compilador (en lugar de sass --watch , usa compass watch ). Tiene una gran colección de mixins y funciones que encontrarás increíblemente útiles (aunque comúnmente se apunta para generar propiedades de CSS3 con prefijo de proveedor, puede hacer cosas como generar automáticamente spritemaps y CSS para ir con ellas).

Compass también está construido de tal forma que puede agrupar su propia biblioteca de tipo bootstrap para desplegar fácilmente en múltiples proyectos sin la necesidad de copiar / pegar el código fuente en cada uno de ellos.