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 | Сопоставление с образцом Измените поведение миксина, передав ему параметры. |