Mixins i SASS

I denne lektion vil vi stifte bekendtskab med mixins (blandinger), som gør det muligt at inkludere en klasse inde i en anden. Lad os finde ud af, hvad det er, og hvordan man arbejder med det.

I bund og grund er et mixin brugen af en klasse inde i andre, hvor en klasse fungerer som en foruddefineret kodebid, som vi kan bruge mange steder.

Hvad er fordelen ved dette? I ren CSS ville vi være nødt til at skrive den foruddefinerede kode overalt, hvor den er nødvendig, men i SASS kan vi skrive den ét sted og derefter inkludere den på de nødvendige steder i koden.

For at deklarere mixins bruges direktivet @mixin, efterfulgt af dens navn, parametre og en blok med krop:

@mixin mix {
	width: 100px;
	height: 100px;
}