Миксины в SASS

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

По сути примешивание это использование одних классов внутри других, когда один класс является заготовкой - определенным кусочком кода, который мы можем использовать во многих местах.

Чем это удобно? На чистом CSS нам бы пришлось набирать заготовку кода везде где она понадобятся, а в SASS можно написать его в одном месте и за тем подключать его в нужные места кода.

Для объявления миксинов используется директива @mixin, после которой указываем его имя, параметры и блок с телом:

@mixin mix {
	width: 100px;
	height: 100px;
}