Différence entre boussole et sass?

Je sais que c’est une question stupide, mais j’ai cherché sur Google et je ne trouve aucune réponse: / Alors, quelle est la différence entre SASS et Compass, SASS et SCSS? Cela me rend vraiment confus.

Merci pour toute information 🙂

Au risque de trop simplifier, Compass est un cadre tandis que Sass est une abstraction de langage. Vous écrivez du code Sass (et le comstackz en CSS standard) dans le contexte Compass. SCSS est simplement la syntaxe la plus récente du langage Sass. Il a été créé dans le seul but d’être plus proche de CSS dans sa syntaxe, pour autant que je sache. Tout le sucre syntaxique de Sass, mais plus familier aux développeurs frontaux à l’aise avec CSS.

En général: “Sass” est le nom d’un préprocesseur css – signifie: un outil utile pour les développeurs pour écrire des formes courtes d’espaces réservés qui sont automatiquement compilés en code CSS normal. Sass a deux manières différentes d’écrire le code abrégé: SCSS et SASS. La différence entre SCSS et SASS est très simple: SCSS est un CSS normal avec des fonctions supplémentaires. Chaque fichier CSS peut être renommé en .scss et valider. SASS utilise une forme d’écriture plus courte en ignorant tous les accolades. Pour convertir un fichier .css en fichier .sass valide, vous devez modifier le code css.

Compass est un framework css contrôlé via des outils de ligne de commande. Compass prend en charge le développement en fournissant des fonctions prédéfinies, des mixins, etc. pour accélérer le codage et éviter les erreurs d’écriture. Par exemple, la boussole vous permet d’appeler une ombre de boîte avec tous les polyfills simplement en écrivant “@include box-shadow ();”. tout css-code est ajouté par compas lui-même lors de la compilation du fichier en utilisant “comstack comstack”. Compass est l’un des outils les plus utilisés pour travailler dans des projets de développement frontend plus importants.

J’ai fourni une réponse TLDR:

Compass est essentiellement une bibliothèque SASS. Il utilise le langage brut de sass et crée des fonctions communes réutilisables.

Depuis le site :

Compass utilise Sass.

Sass est une extension de CSS3 qui ajoute des règles nestedes, des variables, des mixins, un inheritance de sélecteur, etc. Sass génère des CSS bien formatés et facilite l’organisation et la gestion de vos feuilles de style.

Compass est un framework construit avec Sass. Un autre framework Sass populaire est Bourbon et Susy . Cela signifie que tous ces frameworks sont écrits dans Sass. Ils ont juste des fonctions prédéfinies et des mixins que vous pouvez utiliser pour accélérer votre stream de travail.

SCSS (Sassy Sass) n’est que la nouvelle syntaxe de Sass. Il utilise la syntaxe CSS. Par exemple:

h2 { color: red; } 

Sass utilise par contre une syntaxe moins “ssortingcte”:

 h2 color: red 

Remarquez qu’aucune accolade et aucun point-virgule ne sont utilisés. En outre, vous devez utiliser l’indentation.

En résumé, quel framework ou quelle syntaxe Sass vous utiliserez, c’est votre choix!