Différence entre SASS et SCSS

Sass fournit deux syntaxes distinctes:

  • SASS
  • SCSS

Les deux sont similaires et font la même chose, mais écrit dans un style différent. Le SCSS est le dernier et considéré comme meilleur que Sass.
 
 

Différence clé entre SASS et SCSS

Sass est dérivé d’un autre préprocesseur appelé Haml. Il a été conçu et écrit par les développeurs Ruby. Les feuilles de style Sass utilisent donc Ruby comme une syntaxe sans accolades, sans points-virgules et avec une indentation stricte.
 
Vous trouverez ci-dessous un exemple du syntaxe SASS/SCSS. Le code déclare simplement deux variables, $color et $bg et les applique à l’élément HTML body.
Différence entre SASS et LESSDifférence entre SASS et LESSIl existe un certain nombre de préprocesseur CSS à savoir LESS, Sass, Stylus et Swith CSS. Comme nous l’avons souvent dit, le préprocesseur CSS est…Lire plus Exemple en SCSS

$color: blue;
$bg: red;

body {
  color: $color;
  background-color: $bg;
}

Le même code avec la syntaxe SASS:

$color: blue
$bg: red

body
  color: $-color
  background-color: $bg

Les deux compilés vers le même code CSS:

body {
  color: blue;
  background-color: red;
}

 
 

Table de comparaison
SASS
SCSS
Signifier Syntactically Awesome Style Sheets.Signifier Sassy Cascaded Style Sheets.
Il est utilisé lorsque la syntaxe d’origine est requise pour le développement.Il est utilisé lorsqu’il n’y a aucune exigence ou critère concernant la syntaxe de code utilisée.
Il peut être intégré à tout type de projet car il supporte toutes les versions de CSS.Il peut également être intégré à n’importe quel package ou projet car c’est le sur-ensemble de CSS qui contient toutes les fonctionnalités CSS.
Il prend en charge tous les systèmes d’exploitationIl supporte les systèmes d’exploitation multi-plateformes.
Il a moins de contraintes au niveau de syntaxe et peuvent être écrites simplement.Il a plus de contraintes comme le point-virgule, etc.
Il a une plus grande communauté de concepteurs et développeurs.Il a une communauté plus petite et très moins de contributeurs à soutenir.
Il fournit une documentation utilisant SassDoc.Documentation est dans le code lui-même.

 

Avantage du syntaxe Sass:

La syntaxe de Sass est totalement différente de CSS, mais elle est plus courte et plus facile à taper. Vous n’avez pas besoin de taper des points-virgules ou des accolades.
 
Il fournit également des normes de codage propres, car il suit la syntaxe indentée.
 

Avantage du syntaxe SCSS:

Il est totalement compatible avec CSS. Vous pouvez renommer un fichier CSS vers l’extension .scss et cela fonctionnera également. Puisqu’il suit la syntaxe de CSS, le rend très facile à apprendre et à utiliser.
Différence entre JSON et XMLDifférence entre JSON et XMLJSON et XML, les deux peuvent être utilisés pour recevoir des données provenant d’un serveur Web.     Table de comparaison JSON XML JSON signifie…Lire plus

Partagez cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *