撰写动态生成的类名

Question

所以，我正在使用PureCSS进行网格化，并决定构建一对辅助混合，以便以后混合到我的组件中。一个特别有用的原则应该是这样的：

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

但是目前正在导致LESSCSS 1.7.5阻塞＆＃34;无法识别的输入＆＃34;

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

Answer 1

只需重新发布@ seven-phases-max的解决方案。我特别想做的事情就是这样做得更好：

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