Миксини во SASS

Во оваа лекција ќе се запознаеме со миксините (мешање), кои овозможуваат вклучување на една класа во внатрешноста на друга. Ајде да разбереме, што е тоа и како да работиме со него.

Во суштина, мешањето е користење на едни класи во внатрешноста на други, кога една класа е шаблон - одреден парче код, кое можеме да го користиме на многу места.

Зошто ова е погодно? Во чист CSS би морале да ја внесуваме шаблонската шифра насекаде каде што е потребна, додека во SASS можете да ја напишете на едно место и потоа да ја поврзете на потребните места во кодот.

За декларирање на миксини се користи директивата @mixin, после која го означуваме неговото име, параметрите и блокот со телот:

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