Mixiny v SASS
V tejto lekcii sa zoznámime s mixinmi (primiešaním), ktoré umožňujú zahrnúť jednu triedu dovnútra druhej. Poďme zistiť, čo to je a ako s tým pracovať.
V podstate primiešanie je použitie jednej triedy vnútri iných, keď jedna trieda je šablónou - určitým kúskom kódu, ktorý môžeme použiť na mnohých miestach.
V čom je to výhodné? V čistom CSS by sme museli šablónu kódu písať všade, kde je potrebná, ale v SASS ho môžeme napísať na jednom mieste a potom ho pripájať na potrebné miesta v kóde.
Na deklaráciu mixinov sa používa
direktíva @mixin, po ktorej
uvádzame jej názov, parametre a blok s telom:
@mixin mix {
width: 100px;
height: 100px;
}
