Описание тега less-mixins
В Less любой селектор с группой свойств CSS можно назвать миксином. Использование миксинов позволяет пользователям наследовать / встраивать свойства одного селектора в другой, просто вызывая его в селекторе, который должен наследовать свойства. Используйте этот тег для любых вопросов, связанных с Less миксинами и их функциями. Для других типов миксинов используйте общий тег миксинов.
Любой селектор с группой свойств CSS можно назвать миксином. Использование миксинов позволяет пользователям наследовать / встраивать свойства одного селектора в другой, просто вызывая его в селекторе, который должен наследовать свойства.
.default-props{ /* a simple mixin */
font-size: 16px;
letter-spacing: 1em;
color: black;
padding: 4px;
}
div, p{
.default-props; /* mixin call will assign all default properties to div and p tags */
}
Когда миксины определены, скобки необязательны. Но когда используются круглые скобки, сам базовый миксин не выводится в скомпилированном CSS.
Миксины также могут принимать входные параметры и вести себя как функции. Передаваемые параметры можно использовать для присвоения значений свойствам (или) в охранниках, чтобы помочь в принятии решений и т. Д.
.padding-gen(@gutter-size; @direction){
& when (@direction = all){ /* guards for decision making */
padding: @gutter-size; /* value assignment */
}
& when not (@direction = all){
padding-@{direction}: @gutter-size;
}
}
/* mixin usage */
div#demo{
.padding-gen(4px; all);
}
p#demo2{
.padding-gen(2px; left);
}