Ich übersetze gerade mein Gitter in WENIGER, aber ich kann nicht scheinen, Zeichenketteninterpolation herauszufinden.

Hier ist eine Hilfsklasse, die alle meine Spalten generieren soll:

.createColumns (@colNumber+1) {}

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

    .createColumns (@index + 1);
}

.createColumns (01);

Das Problem ist, dass ich einen Fehler erhalte, der besagt, dass mit diesem Teil etwas nicht stimmt(~".col@{index}").

Hier ist die Fehlermeldung:

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

Ich habe mehrere Beispiele überprüft und alle verwenden dieselbe Syntax. Daher bin ich mir nicht sicher, was ich vermisse. Dies war auch einer meiner Versuche, der zu einem Fehler führte:

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