Division not working in LESS?

Question

css

Here's a mixin:

.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);

Here is the error: Error evaluating function `percentage`: argument must be a number
Please help

Answer 1

It helped to parenthesize the division percentage((@i / @columns))

Answer 2

If you define @columnsand remove the dog from 15px, then everything works:

@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);