较少CSS网格混合

Question

我有一段LESS代码：

.generate-spans(@columns; @prefix; @current: 1) when (@current =< @columns) {
    .span-@{prefix}-@{current} {
        width: (@current/@columns*100%);
    }
    .generate-spans(@columns, @prefix, (@current + 1));
}

.generate-spans(12, "large");

假设生成这样的东西：

.span-large-1 {
    width: 8.333333333333332%%;
}

.span-large-2 
    width: 16.666666666666664%;
}
.....

但它只返回错误：对....中的无效类型进行操作

如何使代码按预期工作？

Answer 1

您的代码适用于Less 1.7.0。在这里试试：http://lesstester.com/

唯一的拼写错误是引号中的名称，您应将其删除：

.generate-spans(12, large);

该修复程序也可能使其在您正在使用的Less版本中起作用。

如果由于某种原因你必须使用引号，你也可以尝试：

.generate-spans(12, ~"large");

将从生成的CSS中删除引号。