s dev développement web css sass html}}
====== Utilisez les variables et mixins ======
Notes et transcr... ne surtout pas toucher !). Si vous avez besoin d’utiliser votre couleur (ou de manger votre chocolat), il vous suffit d’ouvrir la bonne boîte, de l'utiliser et le tour est joué ! (De plus, le reste du bure... OK, il est temps de manger ce chocolat, euh... d’utiliser cette **variable**! 💪
<code sass>
// Ma variabl
===== Question 1 =====
Dans Sass, lorsque vous utilisez ''&'', sous quelle forme se compile le symbole e... ien ul. Cette réponse est fausse. Si vous vouliez utiliser le combinateur parent > enfant, il aurait fallu ... valeur;''
Les réponses 2 et 4 sont fausses : on utilise le symbole “$” et non ”&”. De plus on utilise les “:” pour assigner une valeur et non le symbole “=”.
La
souci c’est que les navigateurs sont incapables d’utiliser Sass en l’état. Pour ça, il vous faut un bon vie... afin que les navigateurs puissent les lire et les utiliser.
Mais attends, du coup on va devoir tout réécri... en Sass.
===== Analysez la syntaxe =====
Pour utiliser Sass, il est important d’apprendre à maîtriser s... colades et aux points-virgules ! À la place, elle utilise uniquement des tabulations et des retours à la li
.
Comment faire ? Comment savoir quelle fonction utiliser ? Je regarde la [[https://sass-lang.com/document... rmet de comprendre comment installer un logiciel, utiliser une fonction ou un service.
</note>
Voici ce qu... essaie, on voit et on essaie à nouveau !
===== Utilisez une fonction avec votre mixin =====
Vous avez l... t maintenant cuire les pancakes, dans notre cas : utiliser notre fonction.
Si on se réfère à notre code :
====
Les ''id'' sont uniques. Vous ne pouvez pas utiliser plusieurs fois un ''id'' dans votre HTML.
<code... et tout est fini !
En règle générale, **évitez d’utiliser des id dans vos sélecteurs**. Votre but est d’éc... **valeurs uniques** : tous les sélecteurs qui les utilisent ne peuvent, par définition, être utilisés qu’un... érence entre classes et id, et dans quels cas les utiliser.
</note>
Comme les id ont une spécificité plus
>
Les media queries indiquent au navigateur d’**utiliser un ensemble de règles** sous certaines condition... phone portable. Pour exécuter une media query, on utilise **@media**, suivi d’un argument et d’une paire d’... ems: center;
}
}
</code>
<note>
N’hésitez pas à utiliser [[https://www.sassmeister.com/|SassMeister]] pou... nu à différents écrans, en disant au navigateur d’utiliser un ensemble de règles alternatives dans certaine
ue vous puissiez être en totale autonomie.
===== Utilisez Sass en ligne =====
Si vous vous souvenez bien,... r GitHub !
===== Installez Sass en local =====
Utiliser des services et outils gratuits en ligne s’avère... TH.
===== Installer sous Windows =====
Si vous utilisez le package manager [[https://chocolatey.org/inst... ===== Installer sur MacOs ou Linux =====
Si vous utilisez le package manager [[https://brew.sh/|Homebrew]]
via_bem|Clarifiez votre HTML avec BEM]]
* [[140_utiliser_sass|Passez au niveau supérieur avec Sass]]
* ... _du_code|Optimisez la lecture du code]]
* [[220_utiliser_variables_et_mixins|Utilisez les variables et mixins]]
* [[230_ameliorer_mixins_via_fonctions|Améliorez
ci annule la règle originelle ; c’est pourquoi on utilise toujours des classes pour implémenter des sélecte... ent : %%''navbar__link''%%.
* Les modificateurs utilisent le nom du bloc ou de l’élément qu’ils modifient... _definir_les_priorites|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[140_utiliser_sass|Suivant ▷]]
écrire du CSS avec une syntaxe différente ;
- d’utiliser des fonctionnalités différentes du CSS.
++++ Ré... s dans votre sélecteur parent .div.
++++
[[140_utiliser_sass|◁ Précédent]] |
[[000_start|⌂ Retour au som
* Sass peut créer tous les combinateurs CSS.
* Utilisez l’esperluette pour lier un sélecteur imbriqué à ... on_code|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[220_utiliser_variables_et_mixins|Suivant ▷]]
