Использовать аргумент mixin для создания имени класса в LESS

Question

Я пытаюсь создать простой mixin в LESS для разных цветов, которые я буду использовать для веб-сайта.

Я хочу использовать mixinargument как часть названия класса.

@green: #5FBEAA; // my color variable 

.text-color(@color) { 
    .text-{@color} { 
     color: @color; 
    } 
} 

.text-color(@green); 

выход я получаю это:

.text-#5FBEAA { 
    color:#5FBEAA 
} 

Что я хочу:

.text-green { 
    color:#5FBEAA 
} 

Answer 1

Я думаю, что у меня есть решение, используя Variable Names.

Менее

@green: #5FBEAA; 

.text-color(@colorname) { 
    @color: ~"@{colorname}"; 
    .text-@{color}{ 
    color: @@color; 
    } 
} 

.text-color(green); 

Выход

.text-green { 
    color: #5FBEAA; 
} 

Answer 2

Я не думаю, что его можно. Ближайшим решением для этого будет использование дополнительной переменной.

@green: #5FBEAA; 
.text-color(@name,@color) { 
    .text-@{name} { 
     color: @color; 
    } 
} 
.text-color(green,@green); 

Это будет компилировать

.text-green { 
    color: #5FBEAA; 
}