Миксини у SASS-у

У овом уроку упознаћемо се са миксинима (примешивањем), који омогућавају укључивање једне класе унутар друге. Хајде да разумемо шта је то и како се ради са њима.

У суштини, примешивање је употреба једних класа унутар других, када је једна класа шаблон - одређени део кода, који можемо користити на многим местима.

Чим је ово погодно? У чистому CSS-у морали бисмо куцати шаблон кода свуда где је потребан, а у SASS-у га можемо написати на једном месту и затим га повезивати на потребна места у коду.

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

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