Je sais que c'est une question un peu stupide, mais j'ai cherché sur Google et je n'ai pas trouvé de réponse :/ Alors quelle est la différence entre sass et compass, sass et scss. Je suis vraiment confus par tout ça.
Merci pour toute information :)
Réponses
Trop de publicités?
Rob Wilkerson
Points
12220
Au risque de simplifier à l'extrême, Compass est un cadre tandis que Sass est une abstraction de langage. Vous écrivez du code Sass (et le compilez en CSS standard) dans le contexte de Compass. SCSS est simplement la syntaxe la plus récente du langage Sass. Elle a été créée dans le seul but d'être plus proche de la syntaxe CSS, pour autant que je sache. Tout le sucre syntaxique de Sass, mais plus familier aux développeurs frontaux à l'aise avec CSS.
RedSight
Points
21
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 de placeholders qui sont automatiquement compilées en code css normal. Sass a deux façons différentes d'écrire du code de forme courte : 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 sera validé. SASS utilise une forme d'écriture plus courte en sautant toutes les accolades. Pour convertir un fichier .css en un fichier .sass valide, vous devez modifier le code css.
Compass est un soi-disant framework css qui est contrôlé par des outils en ligne de commande. Compass soutient le développement en fournissant des fonctions prédéfinies, des mixins et ainsi de suite pour accélérer le codage et éviter les erreurs d'écriture. Par exemple, Compass vous permet d'appeler un box-shadow avec tous les polyfills juste en écrivant "@include box-shadow() ;". Tout le code css est ajouté par Compass lui-même lors de la compilation du fichier par l'utilisation de "compass compile". Compass est l'un des outils les plus utilisés pour travailler sur de gros projets de développement frontaux.
chrisjlee
Points
2083
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.
Desde el site web :
Compass utilise Sass.
Sass est une extension de CSS3 qui ajoute des règles imbriquées, des variables, mixins, l'héritage des sélecteurs, etc. Sass génère des fichiers CSS bien formaté et rend vos feuilles de style plus faciles à organiser et à maintenir.
