我在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";
,这导致了无休止的递归。
然而,分支被执行。将颜色更改为红色的测试成功通过。
我如何更新变量?