Миксини в SASS

В този урок ще се запознаем с миксините (примесване), което позволява включването на един клас във вътрешността на друг. Нека разберем какво представлява това и как се работи с него.

По същество примесването е използването на едини класове във вътрешността на други, когато един клас е шаблон - определено парче код, което можем да използваме на много места.

С какво е удобно? На чист CSS ще трябва да набираме шаблонния код навсякъде, където е необходим, а в SASS можем да го напишем на едно място и след това да го свързваме на необходимите места в кода.

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

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