Cos'è Compass, cos'è sass ... come differiscono?

Vorrei iniziare a usare compass and sass per accelerare lo sviluppo. Al momento, ho installato Sass su un Mac e gli ho chiesto di guardare il file scss per l'input e un file css per l'output generato.

Da molti articoli, Sass viene utilizzato con Compass, mi chiedo perché sia ​​così e cosa aggiunge Compass senza il quale Sass viene fornito? Se puoi fare un esempio, meglio è.

Grazie

Da Sass e Compass in Action , di Wynn Netherland, Nathan Weizenbaum, Chris Eppstein e Brandon Mathis:

1.3 Cos'è Compass?

Compass aiuta gli autori di Sass a scrivere fogli di stile più intelligenti e consente a una comunità di designer e sviluppatori di creare e condividere potenti framework. In parole semplici, Compass è un framework Sass , progettato per rendere il lavoro di styling del web fluido ed efficiente. Proprio come Rails come framework per applicazioni Web per Ruby, Compass è una raccolta di strumenti utili e best practice testate in battaglia per Sass .

(enfasi aggiunta)

Compass è un'estensione di Sass (come in Compass richiede Sass). Ha un suo compilatore (invece di sass --watch, tu usi compass watch). Ha una vasta collezione di mixin e funzioni che troverai incredibilmente utili (mentre comunemente indicato per la generazione di proprietà CSS3 con prefisso del fornitore, può fare cose come generare automaticamente mappe sprit e CSS per accompagnarle).

Compass è inoltre costruito in modo tale da poter raggruppare la propria libreria dei tipi di bootstrap per distribuirla facilmente in più progetti senza la necessità di copiare / incollare il sorgente in ciascuno di essi.