Mixiny v SASS

V této lekci se seznámíme s mixiny (přimícháním), které umožňují zahrnout jednu třídu do vnitřku jiné. Pojďme zjistit, co to je a jak s tím pracovat.

V podstatě přimíchání je použití jedněch tříd uvnitř jiných, kdy jedna třída je připravenou šablonou - určitým kouskem kódu, který můžeme použít na mnoha místech.

V čem je to výhodné? V čistém CSS bychom museli psát připravený kód všude, kde je potřeba, ale v SASS ho můžeme napsat na jednom místě a poté jej připojit na potřebná místa v kódu.

Pro deklaraci mixinů se používá direktiva @mixin, za kterou uvádíme její název, parametry a blok s tělem:

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