Que sont Compass et Sass et quelles sont leurs différences ?

Question

J'aimerais commencer à utiliser Compass et Sass pour accélérer le développement. Pour l'instant, j'ai installé Sass sur un Mac et je lui ai demandé de regarder un fichier Scss en entrée et un fichier CSS en sortie.

D'après de nombreux articles, Sass est utilisé avec Compass. Je me demande pourquoi c'est le cas et ce que Compass apporte de plus que Sass ? Si vous pouvez donner un exemple, c'est mieux.

Answer 1

De Sass et Compass en action par Wynn Netherland, Nathan Weizenbaum, Chris Eppstein et Brandon Mathis :

1.3 Qu'est-ce que le Compass ?

Compass permet aux auteurs de Sass d'écrire des feuilles de style plus intelligentes et donne à une communauté de concepteurs et de développeurs la possibilité de créer de nouvelles feuilles de style. de concepteurs et de développeurs de créer et de partager de puissants frameworks. En bref, Compass est un framework Sass conçu pour faciliter le travail de stylisation du web. lisse et efficace. Tout comme Rails en tant que framework d'application web pour Ruby, Compass est une collection d'outils utiles et de meilleures pratiques éprouvées pour Sass. .

(accentuation ajoutée)

Answer 2

Compass est une extension de Sass (comme dans Compass requiert Sass). Il possède son propre compilateur (au lieu de sass --watch vous utilisez compass watch ). Il dispose d'une large collection de mixins et de fonctions que vous trouverez incroyablement utiles (bien qu'il soit généralement utilisé pour générer des propriétés CSS3 préfixées par le vendeur, il peut également générer automatiquement des spritemaps et le CSS qui va avec).

Compass est également construit de manière à ce que vous puissiez regrouper votre propre bootstrap pour être facilement déployé dans plusieurs projets sans avoir à copier/coller les sources dans chacun d'eux.