Exercice Mixin
Le but de l'exercice
Dans cet exercice, vous allez vous entrainer à utiliser les mixins pour modifier la police des éléments de texte.
Pour compiler le SASS
Dans cet exercice pour que votre SASS soit surveillé et compilé vous devrez lance la commande suivante à la racine du dossier de l'exercice :
sass -w assets/styles/sass:assets/styles/css
Les consignes
Par défaut l'exercice vous affiche un article avec du style par défaut du navigateur :
Vous allez devoir utiliser la mixin déjà préparée pour vous pour mettre en forme le texte :
La mixin, déjà présente dans le code (fichier _fonts.scss) est la suivante :
@mixin roboto($weight : 400, $style : normal) {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-weight: $weight;
font-style: $style;
font-variation-settings:
"wdth" 100;
}
02 July 2025