Quelle est la différence entre SCSS et Sass?

Question

De ce que j'ai lu, le Sass est un langage qui rend CSS plus puissant avec de variable et de soutien en mathématiques.

Quelle est la différence avec SCSS? Est-ce que ça doit être la même langue? Similaire? Différents?

Answer 1

Sass est un CSS pré-processeur avec la syntaxe du progrès. Les feuilles de Style dans l'avancée de la syntaxe sont traitées par le programme, et de les transformer en régulièrement les feuilles de style CSS. Cependant, ils ne pas étendre le CSS standard lui-même.

La raison principale de ceci est l'ajout de fonctionnalités CSS douloureusement manque (comme les variables).

Re la différence entre SCSS et Sass, le texte sur le Sass page d'accueil doit répondre à la question:

Sass est une extension de CSS3, ajoutant imbriquée règles, variables, mixin, sélecteur d'héritage, et plus encore. Il est traduit à bien formaté, CSS standard à l'aide de l'outil de ligne de commande ou un web-cadre plugin.

Sass a deux syntaxes. La nouvelle syntaxe (comme Sass 3) est connu comme "SCSS" (pour "Sassy CSS"), et est un sur-ensemble de CSS3 de la syntaxe. Cela signifie que chaque CSS3 valides de la feuille de style est valable SCSS. SCSS l'utilisation des fichiers de l'extension .scss.

La seconde, plus ancienne syntaxe est connu comme le retrait de la syntaxe (ou simplement "Sass"). Inspiré par Haml de concision, il est prévu pour les personnes qui préfèrent la concision de plus de similitude avec les CSS. Au lieu de parenthèses et des points-virgules, il utilise l'indentation des lignes de spécifier des blocs. Bien que n'étant plus la primaire la syntaxe, le retrait de la syntaxe continueront à être pris en charge. Les fichiers dans le retrait de la syntaxe d'utilisation de l'extension .sass.

Cependant, tout cela ne fonctionne qu'avec le Sass pré-compilateur, ce qui en fin de compte crée CSS. Il n'est pas une extension de la CSS standard lui-même.

Answer 2

Je suis l'un des développeurs qui ont aidé à créer le Sass.

La différence est l'INTERFACE utilisateur. Sous le textuel à l'extérieur, ils sont identiques. C'est pourquoi sass et scss fichiers pouvez importer les uns des autres. En fait, le Sass a quatre syntaxe analyseurs: scss, sass, CSS, et de moins en moins. Tous ces convertir une syntaxe différente, dans un Arbre de Syntaxe Abstraite qui est transformé en CSS de sortie ou même sur l'un des autres formats via le sass-convertir outil.

Utilisez la syntaxe que vous aimez le mieux, les deux sont entièrement pris en charge et vous pouvez changer entre eux plus tard si vous changez d'avis.

Answer 3

À partir de la page d'accueil de la langue

Sass a deux syntaxes. Le nouveau principal syntaxe (comme Sass 3) est connu comme "SCSS" (pour "Sassy CSS"), et est un sur-ensemble de CSS3 de la syntaxe. Cela signifie que chaque CSS3 valides de la feuille de style est valide SCSS. SCSS fichiers, utilisez les l'extension .scss.

La seconde, plus ancienne syntaxe est connu comme le retrait de la syntaxe (ou simplement "Sass"). Inspiré par Haml de la concision, c'est prévu pour les personnes qui préfèrent la concision de plus de similitude avec les CSS. Au lieu de parenthèses et des points-virgules, c' utilise l'indentation des lignes de spécifier les blocs. Bien que n'étant plus la primaire de la syntaxe, le retrait de la syntaxe continueront à être pris en charge. Fichiers dans le retrait de la syntaxe d'utilisation de la l'extension .sass.

SASS est un interprete langue qui crache CSS. La structure de Sass regarde comme CSS (à distance), mais il me semble que la description est un peu trompeur; c'est pas un remplacement pour le CSS, ou une extension. C'est un interprète qui crache CSS à la fin, de sorte que le Sass a encore les limites de la normale CSS, mais elle masque avec un code simple.

Answer 4

La base Diffrence est la syntaxe. Alors que SASS est un lâche sytanx avec l'espace blanc et pas de point-virgule par exemple, le SCSS ressemble plus à CSS.