更少-如果条件可变

时间:2019-01-25 10:20:18

标签: if-statement grid less

我想做的是生成一个更少的网格:

.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/

1 个答案:

答案 0 :(得分:1)

应该是:@width: if((@value < 3), 50%, 100% / @value); 感谢@ seven-phases-max。