less - 编写动态生成的类名

Question

因此，我将 PureCSS 用于网格，并决定构建几个辅助 mixins，以便稍后混合到我的组件中。原则上一个特别有用的应该是这样的：

.cols(@howmany:1, @of:12){
  .pure-u-@{howmany}-@{of};
}

但这目前导致 LESSCSS 1.7.5 因“无法识别的输入”而窒息

我是否坚持以声明方式告诉我的班级使用 .pure-u-5-24 而不是我的眼睛版本稍微容易一些？

Answer 1

只是重新发布@seven-phases-max 的解决方案。我特别想要做的最好是这样：

.cols(@i, @n) {
  &:extend(.pure-u);
  width: (@i / @n * 100%);
}