Less 参数混合
-
定义和使用
参数混合使用一个或多个参数来扩展LESS的功能,这些参数通过获取参数及其属性来自定义混合另一块时的混合输出。例如,考虑一个简单的LESS代码段-.border(@width; @style; @color) { border: @width @style @color; } .myheader { .border(2px; dashed; green); }
在这里,我们将参数混合作为.border使用,具有三个参数-宽度,样式和颜色。 使用这些参数,您可以使用传递的参数值来自定义mixin输出。
-
用法
下表描述了不同类型的参数混合以及描述。序号 类型和说明 1 具有多个参数的Mixins可以使用逗号或分号分隔参数。2 命名参数Mixins通过使用名称来提供参数值而不是位置。3 @arguments变量调用mixin时,@arguments包括所有传递的参数。4 高级参数和@rest变量Mixin通过使用...接受可变数量的参数。5 模式匹配通过向其传递参数来更改mixin的行为。