如何动态更新Less mixin中的变量?

时间:2018-01-18 14:50:11

标签: css less

我在Less中有一个mixin来设置text-transform - 属性:

.text-transform(@type: none) {
    & when (upper = @type) {
        @type: uppercase;
        color: red;
    }

    text-transform: @type;
}

适用于以下调用:

.text-transform(none);
.text-transform(uppercase);

现在我想缩短语法并允许:

.text-transform(upper);
.text-transform(lower);

我尝试更新mixin中的变量,例如:

@type: uppercase;
@type: "uppercase";

但它不会改变,结果规则是:

text-transform: uppper;

我也试过了@type: "@{type}case";,这导致了无休止的递归。

然而,分支被执行。将颜色更改为红色的测试成功通过。

我如何更新变量?

0 个答案:

没有答案