LESS - параметрические миксины

Описание

Параметрические миксины используют один или несколько параметров, которые расширяют функциональность LESS, принимая аргументы и его свойства для настройки вывода миксина при смешивании с другим блоком.

Например, рассмотрим простой фрагмент кода LESS -

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

Здесь мы используем параметрический миксин как .border с тремя параметрами - шириной, стилем и цветом. Используя эти параметры, вы можете настроить вывод миксина с переданным значением параметров.

В следующей таблице описаны различные типы параметрических миксинов.

Sr.No. Типы и описание
1 Миксины с несколькими параметрами

Параметры можно разделять запятыми или точкой с запятой.

2 Именованные параметры

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

3 @arguments Переменная

Когда вызывается миксин , @arguments включают все переданные аргументы.

4 Расширенные аргументы и переменная @rest

Mixin принимает переменное количество аргументов, используя .....

5 Сопоставление с образцом

Измените поведение миксина, передав ему параметры.