¿Qué es Compass, qué es sass ... en qué se diferencian?

166

Me gustaría comenzar a usar brújula y sass para acelerar el desarrollo. Por el momento, instalé Sass en una Mac y le ordené que mirara 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 sin el que viene Sass? Si puedes dar un ejemplo, mejor.

Gracias

Chiko
fuente
2
así que ha pasado un tiempo desde que publicaste. ¿Compass te cambió la vida?
gdbj

Respuestas:

140

De Sass and Compass in Action , de 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 permite a una comunidad de diseñadores y desarrolladores crear y compartir marcos potentes. En pocas palabras, Compass es un marco de trabajo Sass , diseñado para hacer que el trabajo de diseñar la web sea fluido y eficiente. Al igual que Rails como un marco de aplicación web para Ruby, Compass es una colección de herramientas útiles y mejores prácticas probadas para Sass .

(énfasis añadido)

Jonathan de M.
fuente
66
Esta respuesta es bastante bookish. Se requieren ejemplos de uso.
Anirudha
69

Compass es una extensión de Sass (como en Compass requiere Sass). Tiene su propio compilador (en lugar de sass --watch, usted usa compass watch). Tiene una gran colección de mixins y funciones que encontrará increíblemente útiles (aunque comúnmente se señala para generar propiedades CSS3 prefijadas por el proveedor, puede hacer cosas como generar automáticamente mapas de sprites y CSS para ir con ellos).

Compass también está construido de tal manera que puede agrupar su propia biblioteca de tipo bootstrap para implementarla fácilmente en múltiples proyectos sin la necesidad de copiar / pegar la fuente en cada uno.

cimmanon
fuente
2
¿Es una biblioteca construida en SASS, o es un nuevo lenguaje (posiblemente una extensión compatible con versiones anteriores) de SASS?
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
2
Ciro: Es más lo primero, pero en realidad no es una biblioteca. Incluye una biblioteca de mixins y funciones, pero es más que eso, ya que también tiene su propio compilador.
SO'Brien