Mixinek a SASS-ban

Ebben a leckében megismerkedünk a mixinekkel (keverésekkel), amelyek lehetővé teszik, hogy egy osztályt egy másik belsejébe foglaljunk. Értsük meg, mi ez és hogyan kell vele dolgozni.

Lényegében a keverés azt jelenti, hogy egyes osztályokat mások belsejében használunk, amikor egy osztály egy sablon - egy bizonyos kódrészlet, amelyet számos helyen használhatunk.

Miért kényelmes ez? Tiszta CSS esetén be kellene gépelnünk a kódsablont minden olyan helyre, ahol szükséges, míg a SASS-ban egyszer megírhatjuk egy helyen, majd a kód szükséges helyeinél beilleszthetjük.

A mixinek deklarálásához a @mixin direktívát használjuk, amely után megadjuk a nevét, paramétereit és a testet tartalmazó blokkot:

styles.scss@mixin mix {
  width: 100px;
  height: 100px;
}