css - 在另一个 mixins 中更改 mixins 参数

Question

我在另一个 mixins 中有一个 mixins

 .background(@url:  @base-url , @repeat: repeat, @pos1: left, @pos2: center, @color: transparent){
     background:@arguments;
 }

用于:

.divider{
    overflow:hidden;
    .background(@url: url("@{base-url}/divider.png") , @repeat: repeat-x, @pos2: bottom);
}

.class{
    .divider;

}

是否可以仅更改 .divider 混入中的 @pos2？

Answer 1

当然可以，将参数添加到您的 .divider mixin 并按如下方式使用该参数:

.divider(@pos2: bottom) {
    overflow:hidden;
    .background(url("@{base-url}/divider.png"), repeat-x, @pos2);
}

.class{
    .divider(top); // you can use whatever value you want, or ignore it to use the default value 'bottom'
}