在 Less 中,是否可以访问类名的一部分并在 mixin 中使用?
这最好用一个例子来解释:
我有一个网格,我声明如下:
.columns (@columns) {
//code here to generate column widths
}
//This is where my problem is:
.column-1 {
.col (1)
}
.column-2 {
.col (2)
}
.column-3 {
.col (3)
}
// etc etc
显然这里有很多重复的代码。理想情况下,我希望能够不必声明 column-1 column-2 等,并且有某种方式(可能是正则表达式)来解析类名,并使用破折号后的值来自动计算列宽。我几乎可以肯定 twitter bootstrap 正在做类似的事情,但我无法理解:
.spanX (@index) when (@index > 0) {
(~".span@{index}") { .span(@index); }
.spanX(@index - 1);
}
.spanX (0) {}