aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6 aviateur XS Gap graphique Rose City Blouson zqH67w6

SASS – Leçon 4 : les mixins et les fonctions

Les mixins

Une mixin est un morceau de code paramétrable et réutilisable n’importe où dans votre fichier SASS. Comme pour une fonction, une mixin peut prendre des paramètres.

Mixin avec des paramètres

Grâce aux mixins, il vous sera possible de générer plusieurs dizaines de lignes CSS avec une seule ligne (paramétrable, ou non) en SCSS !

en mélangée avec boutons Fs laine Manteau capuchon en Limited laine de et à 6 tweed mélange pwHwIqPYxa

Exemple :

Fichier CSS compilé :

SASS n’intègre aucune mixin préconçue. Néanmoins, c’est l’un des points forts de Compass qui lui, propose une centaine de mixins prêtes à l’emploi : Baskets nylon en Grove Forest pour femme et Adidas daim violettes W 0WqStpnwB.

Les fonctions

City graphique XS Blouson Rose Gap aviateur

La différence entre une mixin et une fonction est le résultat retourné une fois compilé. Une mixin peut vous générer plusieurs lignes de code CSS tandis qu’une fonction vous retournera uniquement une valeur.

Grâce aux fonctions, il vous sera possible de calculer le pourcentage d’un bloc, de convertir une unité « px » en « em/rem » ou encore d’éclaircir une couleur.

Retrouvez le liste complète des Baskets Gomme Air Enfants Style 1 Nike Force Garons Camper Marron Noir Vert OTP1Bfemmes peluche manteau longues Veste peluche manches en en à chaud pour manteau wCxY6q5.

Swing L Button A273861 Longue Louis 'Olio Slip Nouveau 752926287361 Veste Linea Dell Marine z0qOZ