我想做的是生成一个更少的网格:
.grid {
/**
* @link http://lesscss.org/functions/#list-functions-each
*/
@selectors: 2, 3, 4, 5;
each(@selectors, {
&.--cols-@{value} {
@width: if((@value < 3), 100% / @value, 50%); // of @value = 2 ?
.list {
flex-basis: ~"calc(@{width} - 1px)";
}
.item {
max-width: ~"calc(@{width} - 1px)";
width: 100%;
}
}
});
}
但是,为所有列生成calc(50% - 1px)
的方式有所减少。所以问题是-我在做什么错了?
P.S。您可以在此处进行测试:http://lesscss.org/less-preview/
答案 0 :(得分:1)
应该是:@width: if((@value < 3), 50%, 100% / @value);
感谢@ seven-phases-max。