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的行为。