Sass

Que permet de faire l'option --style=compressed lorsque l'on compile du code Sass par la ligne de commande ?

• Elle permet de générer un fichier .zip contenant le code CSS.

• Elle permet de générer une version minifiée de la feuille de style CSS.

• Elle permet de transformer le CSS en JavaScript, car le JavaScript prend moins de place.

En quoi consiste l'option Watch lorsque l'on compile du code Sass en code CSS ?

• Elle permet de vérifier en temps réel que la syntaxe du code CSS généré est compatible avec les navigateurs plus anciens.

• Elle vous permet de contrôler le code CSS compilé afin d'en vérifier manuellement la conformité.

• Elle vous avertit à chaque fois qu'il est nécessaire de recompiler Sass en CSS.

• Elle permet de recompiler automatiquement Sass en CSS chaque fois qu'un fichier Sass est enregistré.

À quoi sert le fichier .map que Sass génère automatiquement à côté du fichier CSS ?

• Ce fichier était utile dans les anciennes versions de Sass uniquement. De nos jours, il n'est là que pour assurer la compatibilité rétroactive.

• Il permet de rendre le langage Sass compatible avec les navigateurs.

• Il permet de faire la correspondance entre les lignes de code CSS et les lignes de code Sass afin de faciliter l'inspection et le débogage.

• En réalité, cest lui qui contient le code CSS compilé et cest donc lui qui doit être renseigné dans lattribut href de la balise .

Pourquoi doit-on compiler son code Sass en code CSS ?

• Parce que l'affichage d'un site utilisant du code Sass prend plus de temps. On prépare le travail en convertissant Sass en CSS à l'avance.

• Parce que les navigateurs ne comprennent pas le code Sass. Ils ont besoin de code CSS valide pour pouvoir afficher notre site.

• Pour permettre aux anciennes versions d'Internet Explorer de prendre en charge les sites web écrits en Sass.

Quel signe permet de concaténer deux chaines de caractères en SCSS ?

• +

• /

• %

• *

En quoi les maps et les listes diffèrent-elles des variables Sass classiques ?

• Elles permettent l'utilisation d'opérateurs mathématiques pour calculer la valeur de la variable.

• Elles permettent de stocker plusieurs valeurs.

• Elles ne sont compatibles qu'avec les navigateurs récents.

• Elles ne stockent que des valeurs de type chaîne de caractères.

Comment récupérer la deuxième valeur de la map suivante ?

$diets: (

fish: darkblue,

ham: darkred,

vege: darkgreen,

);

• map-get("ham", $diets)

• list.nth($map, 2)

• map-get($diets, "ham")

• map-get($map, 2)

Les variables en Sass commencent par le symbole _

• %

• $

• #

• @

Lorsque l'on imbrique des sélecteurs les uns dans les autres, on indique que le sélecteur enfant doit référencer le parent direct grâce au symbole _

• :

• *

• &

• @

Une ligne du code SCSS compilé suivant :

$name: 'chat';

background-image: url("/images/$name.jpg");

renvoie

background-image: url("/images/$name.jpg");

Comment avoir le résultat attendu :

background-image: url("/images/chat.jpg");

• En utilisant l'interpolation :

  #{$name}

• En insérant la variable dans une liste

• En incluant le code dans dans une mixin