css – 使用mixin参数在LESS中创建类名

我正在尝试在LESS中创建一个简单的mixin,用于我将用于网站的不同颜色.

我想要的是使用mixin参数作为类名的一部分.

@green: #5FBEAA; // my color variable.text-color(@color) {    .text-{@color} {        color: @color;    }}.text-color(@green);

我得到的输出是：

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

我想要的是：

.text-green {  color:#5FBEAA}

我想我有使用 Variable Names的解决方案.

减

@green: #5FBEAA;.text-color(@colorname) {  @color: ~"@{colorname}";  .text-@{color}{    color: @@color;  }}.text-color(green);

产量

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