ste du bureau ne pourra pas faire semblant, votre nom est sur cette boîte. Tout le monde sait que cette... t de taper un **symbole dollar ($)** suivi de son nom, puis deux points, et enfin la valeur que vous so... aré (ou créé) notre variable violette, et l’avons nommée ''$light-purple''. OK, il est temps de manger ... S compilé, vous voyez bien que Sass a remplacé le nom de la variable par la valeur correspondante :
{{
nne tel ou tel élément. D’où l’importance de bien nommer vos sélecteurs.
Si je nomme ma classe ''.btn'', c’est assez évident que c’est un bouton, non ?
To... tentiellement d’un canard, et d’un artichaut : le nom en évoque l’apparence ou le pouvoir. C’est la mêm... ons, l’idéal serait qu’en un simple coup d'œil au nom d’une classe, on comprenne son usage et comment c
la définition de BEM. Le principe de BEM est de renommer vos sélecteurs pour leur assigner une catégori... ionnalité et les relations d’un sélecteur par son nom ;
- Compiler votre code pour qu’il puisse être ... finir sa fonctionnalité et ses relations par leur nom.
++++
===== Question 6 =====
En vous basant su... div>
</code>
quelle serait la manière adaptée de nommer le h1 tout en suivant la convention BEM ?
-
a compilation, l’esperluette est remplacée par le nom du parent.
La réponse 1 est fausse car une fois... .block une fois compilé, ce qui crée un sélecteur nommé .block__element. La bonne réponse est la 2 !
++... larer une variable, tapez le symbole “$” suivi du nom de votre variable, et enfin la valeur.
''$nom-de-la-variable: valeur;''
Les réponses 2 et 4 sont fa
cookie que vous achetez déjà préparée. Elle a un nom : ''pancakes_facile''.🥞 Si on lit la notice, ''pa... z **toujours** une pâte à pancakes.
Il existe de nombreuses recettes préparées pour gâteaux, pour Sass... valeur $amount (montant) en anglais doit être un nombre entre 0 % et 100 % (inclus). Réduit la saturat... rès la documentation, on comprend que la fonction nommée ''darken'' (assombrir, en anglais) prend deux
re CSS dans un fichier .css. Cela vous évitera de nombreux problèmes et reste LA règle de base pour un ... r: red;
}
</code>
==== 4 - Les éléments ====
Le nom de votre balise HTML.
<code html>
<div></div>
</... es par vos équipes / collègues.
===== Suivez la nomenclature =====
Vous avez vu ce que sont le princ... dit, Google… une rapide recherche vous livrera de nombreux articles sur le sujet. Certains expliquent q
nalités de Sass =====
Sass nous donne accès à de nombreuses fonctionnalités pour optimiser et structur... ow: 10px 10px red;
}
</code>
<note>
Il existe de nombreuses fonctionnalités Sass à découvrir. Mais le
aborder afin que vous puissiez être en totale autonomie.
===== Utilisez Sass en ligne =====
Si vous v... dans le but de le rendre accessible au plus grand nombre. Durant votre carrière, vous serez amené à cro
