LESS参数化混合
LESS参数化混合
参数化混合使用一个或多个参数来扩展LESS的功能,并在混合到另一个块时自定义混合输出。\
例子
.border(@width; @style; @color) { border: @width @style @color; } .myheader { .border(2px; dashed; green); }
在这里,我们使用参数化混合作为.border的三个参数:宽度、样式和颜色。使用这些参数,您可以使用传递的参数值自定义混合输出。
下面描述说明不同类型的参数混合类型。
混合使用多参数:参数可以用逗号或者分号隔开。
命名参数:mixin 用自己的名字为参数的值,而不是位置。
@arguments变量:当 mixin 被调用时,@arguments 包括所有传递的参数。
高级参数和@rest变量:混合采用可变数量的参数使用....
模式匹配:通过传递参数,将其更改混合的行为。