web-dev-qa-db-fra.com

Qu'est-ce que Compass, qu'est-ce que c'est sass ... en quoi 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 les entrées et un fichier css pour les sorties générées.

De nombreux articles, Sass est utilisé avec Compass, je me demande pourquoi c'est le cas et pourquoi Compass ajoute-t-il que Sass est sans? Si vous pouvez donner un exemple, mieux c'est.

Merci

163
Chiko

De Sass et Compass en 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 de puissants frameworks. En termes simples, Compass est un framework Sass, conçu pour rendre le travail de mise en forme du Web lisse 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.

(emphase ajoutée)

138
Jonathan de M.

Compass est une extension de Sass (comme Compass nécessite Sass). Il a son propre compilateur (au lieu de sass --watch, tu utilises compass watch). Il contient une grande collection de mixins et de fonctions que vous trouverez incroyablement utile (bien qu’il soit généralement indiqué pour générer des propriétés CSS3 préfixées par le fournisseur, il peut générer des choses telles que la génération automatique de spritemaps et le CSS correspondant.).

Compass est également conçu de manière à ce que vous puissiez regrouper votre propre bibliothèque de types bootstrap afin de la déployer facilement dans plusieurs projets sans qu'il soit nécessaire de copier/coller le source de chaque projet.

70
cimmanon