Ich habe eine Button-Klasse, die das Auffüllen usw. für ein Element einrichtet, gefolgt von einer Klasse, die eine Hintergrundfarbe definiert.

.button {
    padding: 0.5em 1em;
    text-transform: uppercase;
    color: #fff;
    &.green {
        background:@green; //declared previously
    }
    // ... more colours
}

Ist es möglich, die Variable @green als Klassennamen zu deklarieren? Dies erspart mir das Kopieren / Einfügen des & .green-Blocks für jede Farbe, die ich verwenden möchte.

Ich konnte in den Dokumenten zu dieser Art von Auswahl nichts finden, aber etwas in der Art von:

&.(green|blue|red) {
    background: @{$1};
}

was folgendes erzeugen würde:

.button.green{background:#00ff00;}
.button.blue{background:#0000ff;}
.button.red{background:#ff0000;}