mixinの引数を使ってLESSのクラス名を作成する

Question

私はウェブサイトで使用するさまざまな色の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

にコンパイルされます。

少ない

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

これは私がVariable Namesを使用してソリューションを持っていると思う

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