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:

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