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:
@mixin mix {
width: 100px;
height: 100px;
}
