Obecnie tłumaczę moją siatkę na LESS, ale nie wydaje mi się, aby mogłem zrozumieć interpolację łańcuchów.

Oto klasa pomocnicza, która ma generować wszystkie moje kolumny:

.createColumns (@colNumber+1) {}

.createColumns (@index) when (@index < @colNumber) {
    (~".col@{index}") {
         width: @baseWidth * @index;
    }

    .createColumns (@index + 1);
}

.createColumns (01);

Problem polega na tym, że dostaję błąd, który mówi, że coś jest nie tak z tą częścią(~".col@{index}").

Oto komunikat o błędzie:

ParseError: Unrecognised input
in grid.css on line 17, column 4:
16    .createColumns (@index) when (@index < @colNumber) {
17        (~".col@{index}") {
18            width: @baseWidth * @index;

Sprawdziłem kilka przykładów i wszystkie używają tej samej składni, więc nie jestem pewien, czego mi brakuje. Była to również jedna z moich prób, która spowodowała błąd:

.createColumns (@index) when (@index < @colNumber) {
    @class : "col"@index;
    .(@class) {
        width: @baseWidth * @index;
    }
.createColumns (@index + 1);
}