Урок #4 - Использование миксинов

Миксины в SASS выполняют роль шаблона данных, который можно подключить к блоку, тем самым добавив в него множество стилей из шаблона.

Для создания миксина используйте ключевое слово @mixin:

@mixin someName {
	// Здесь код и различные стили
}

Миксины не срабатывают без явного подключения, поэтому сейчас в файле CSS ничего не поменяется. Для подключения миксина используйте ключевое слово @include.

#block {
	@include someName;
}

Также в миксины можно передавать параметры. Для этого после имени миксина пропишите круглые скобки ( ), после чего в них пропишите параметры, которые будут переданы в него.