为什么我的LESS变量必须相同
我在这个循环中传递了一个变量,该变量将用于动态命名类。尽管这有可能生成大量的类,但我想知道,如果我在函数调用或其他任何地方将“red”变量更改为其他变量,基本上如果它们不完全相同,我会得到一个“Object[Object]没有方法tocs” 注意:我使用mac上的less应用程序在保存时编译 mixin调用:为什么我的LESS变量必须相同,less,Less,我在这个循环中传递了一个变量,该变量将用于动态命名类。尽管这有可能生成大量的类,但我想知道,如果我在函数调用或其他任何地方将“red”变量更改为其他变量,基本上如果它们不完全相同,我会得到一个“Object[Object]没有方法tocs” 注意:我使用mac上的less应用程序在保存时编译 mixin调用: .createShades (10, "red", #ff3333); 混合器本身 // Generate our reds .createShades (@index, @color,
.createShades (10, "red", #ff3333);
混合器本身
// Generate our reds
.createShades (@index, @color, @base-color) when (@index > 0) {
@i: @index;
.createShade (@index, @i, @color, @base-color);
.createShades (@index - 1, @color, @base-color);
}
.createShades (0, "red", @base-color) {}
.createShade (@index, @i, @color, @base-color) when (@i > 0) {
@num: percentage((lightness(@base-color)/100) * (1 - (@i / @index)));
@newShade: darken(@base-color, @num);
(~".@{color}-@{i}-@{index}-text") {
color: @newShade;
}
(~".@{color}-@{i}-@{index}-bg") {
background-color: @newShade;
}
.createShade (@index, @i - 1, @color, @base-color);
}
.createShade (@index, 0, "red", @base-color) {}
您需要将结束混音(当值达到0
时使用)更改为@color
,而不是“red”
)。因此
这是因为它正在寻找与“红色”匹配的颜色,所以当您将呼叫更改为其他颜色时,它会抛出一个错误,因为它与“红色”不匹配
.createShades (0, @color, @base-color) {}
.createShade (@index, 0, @color, @base-color) {}