Qu’est-ce que Compass, qu’est-ce que Sass… Comment diffèrent-ils?

Je voudrais commencer à utiliser la boussole et le sass pour accélérer le développement. Pour le moment, j’ai installé Sass sur un mac et lui ai demandé de regarder le fichier scss pour l’entrée et un fichier css pour la sortie générée.

A partir de nombreux articles, Sass est utilisé avec Compass, je me demande pourquoi c’est le cas et à quoi sert exactement Compass sans Sass? Si vous pouvez donner un exemple, mieux c’est.

Merci

De Sass et Compass in Action , de Wynn Netherland, Nathan Weizenbaum, Chris Eppstein et Brandon Mathis:

1.3 Qu’est-ce que Compass?

Compass aide les auteurs de Sass à écrire des feuilles de style plus intelligentes et permet à une communauté de concepteurs et de développeurs de créer et de partager des infrastructures puissantes. En d’autres termes, Compass est un framework Sass , conçu pour rendre le travail de stylisation du Web fluide et efficace. Tout comme Rails en tant que cadre d’application Web pour Ruby, Compass est un ensemble d’outils utiles et de meilleures pratiques éprouvées pour Sass .

(soulignement ajouté)

Compass est une extension de Sass (comme dans Compass nécessite Sass). Il a son propre compilateur (au lieu de sass --watch , vous utilisez la compass watch ). Il contient une grande collection de mixins et de fonctions que vous trouverez incroyablement utiles (bien qu’il soit communément indiqué pour générer des propriétés CSS3 préfixées par les fournisseurs, il peut faire des choses comme générer automatiquement des spritemaps et des CSS pour les suivre).

Compass est également conçu de telle manière que vous pouvez regrouper votre propre bibliothèque de types de bootstrap afin de la déployer facilement dans plusieurs projets sans avoir à copier / coller la source pour chacun d’entre eux.