Qu'est-ce que Compass, qu'est-ce que sass… en quoi diffèrent-ils?

166

Je voudrais commencer à utiliser boussole et 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.

D'après de nombreux articles, Sass est utilisé avec Compass, je me demande pourquoi c'est le cas et qu'est-ce que Compass ajoute que Sass vient sans? Si vous pouvez donner un exemple, mieux c'est.

Merci

Chiko
la source
2
donc ça fait un moment que vous n'avez pas posté. Compass a-t-il changé votre vie?
gdbj

Réponses:

140

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

1.3 Qu'est-ce que Compass?

Compass aide les auteurs de Sass à rédiger des feuilles de style plus intelligentes et permet à une communauté de concepteurs et de développeurs de créer et de partager des cadres puissants. En termes simples, Compass est un framework Sass , conçu pour rendre le travail de style 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 bonnes pratiques éprouvées pour Sass .

(italiques ajoutés)

Jonathan de M.
la source
6
cette réponse est assez livresque. Des exemples d'utilisation sont requis.
Anirudha
69

Compass est une extension de Sass (comme dans Compass nécessite Sass). Il a son propre compilateur (au lieu de celui que sass --watchvous utilisez compass watch). Il possède une grande collection de mixins et de fonctions que vous trouverez incroyablement utiles (bien qu'il soit généralement mentionné pour générer des propriétés CSS3 préfixées par le fournisseur, il peut faire des choses comme générer automatiquement des spritemaps et le CSS pour les accompagner).

Compass est également conçu de telle manière que vous pouvez regrouper votre propre bibliothèque de types d' amorçage pour un déploiement facile dans plusieurs projets sans avoir besoin de copier / coller la source de celle-ci dans chacun d'eux.

Cimmanon
la source
2
Est-ce une bibliothèque construite sur SASS, ou est-ce un nouveau langage (éventuellement une extension rétrocompatible) de SASS?
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
2
Ciro: Le plus c'est la première chose, mais ce n'est pas vraiment une bibliothèque. Il comprend une bibliothèque de mixins et de fonctions, mais c'est plus que cela, car il possède également son propre compilateur.
SO'Brien