Миксины в SASS
В этом уроке мы познакомимся с миксинами (примешиванием), позволяющим включать один класс во внутрь другого. Давайте разберемся, что это такое и как с ним работать.
По сути примешивание это использование одних классов внутри других, когда один класс является заготовкой - определенным кусочком кода, который мы можем использовать во многих местах.
Чем это удобно? На чистом CSS нам бы пришлось набирать заготовку кода везде где она понадобятся, а в SASS можно написать его в одном месте и за тем подключать его в нужные места кода.
Для объявления миксинов используется
директива @mixin, после которой
указываем его имя, параметры и блок с телом:
@mixin mix {
width: 100px;
height: 100px;
}