我正在尝试确保可以在不同文件中多次调用的mixin,只输出一次css。
我首先想的是这样的事情:
@_mod: "false";
.mod(@_mod) when (@_mod = "false") {
@_mod: "true";
.mod {
border-radius: 6px;
border: 1px solid gray;
}
}
.mod(@_mod);
.mod(@_mod);
.mod {
border-radius: 6px;
border: 1px solid gray;
}
.mod {
border-radius: 6px;
border: 1px solid gray;
}
这不起作用,因为变量是命名空间并且作用于mixins。 Reade more
然后我就是这样:
@_mod: "false";
.mody() {
.mody {
border-radius: 6px;
border: 1px solid gray;
}
}
& when (@_mod = "false") {
.mody();
}
@_mod: "true";
& when (@_mod = "false") {
.mody();
}
@_mod: "true";
-nothing-
这不起作用,因为所有变量的Less'延迟加载“功能”......
有没有人知道如何确保多次调用mixin只运行一次?