Mixins en SASS
Dans cette leçon, nous allons nous familiariser avec les mixins (mélanges), qui permettent d'inclure une classe à l'intérieur d'une autre. Voyons ce que c'est et comment les utiliser.
Essentiellement, un mixin est l'utilisation d'une classe dans d'autres, lorsqu'une classe agit comme un gabarit - un morceau de code spécifique que nous pouvons utiliser à de nombreux endroits.
En quoi est-ce pratique ? En CSS pur, nous devrions ressaisir ce gabarit de code partout où nous en aurions besoin, alors qu'en SASS, nous pouvons l'écrire à un seul endroit et ensuite l'inclure aux endroits nécessaires dans le code.
Pour déclarer un mixin, on utilise la
directive @mixin, suivie de
son nom, de ses paramètres et d'un bloc
contenant le corps :
@mixin mix {
width: 100px;
height: 100px;
}
