LESS 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 中删除引号。