Не работает деление в LESS?

Question

[greedy_wizard]

Вот такой миксин:

.grid(@columns, @i: 1) when (@i <= @columns) {
    .col-@{i} {
        max-width: percentage(@i / @columns);
        padding: 0 @15px;
        flex: 1;
    }
    
    .grid(@columns, @i + 1);
    }
    
    .grid(@columns);

Вот такая ошибка: Error evaluating function `percentage`: argument must be a number

Помогите пожалуйста

Answer 1

[greedy_wizard]

Помогло заключить в скобки деление percentage((@i / @columns))

Answer 2

[Ivan Bogachev]

Если определить @columns и убрать собачку от 15px, то все работает:

@columns: 5;

.grid(@columns, @i: 1) when (@i <= @columns) {
    .col-@{i} {
        max-width: percentage(@i / @columns);
        padding: 0 15px;
        flex: 1;
    }

    .grid(@columns, @i + 1);
}

.grid(@columns);

Comments

[greedy_wizard]

спасибо за ответ