Меньше - если с переменным условием - PullRequest
Новая
       9

Меньше - если с переменным условием

0 голосов
/ 25 января 2019

Я пытаюсь создать сетку с меньшими значениями: 

.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) для всех столбцов.Так что вопрос - что я делаю не так?

PS Вы можете проверить здесь: http://lesscss.org/less-preview/

1 Ответ

0 голосов
/ 25 января 2019

Это должно было быть: @width: if((@value < 3), 50%, 100% / @value); Благодаря @ seven-phase-max.

...