我正在尝试在LESS中创建一个简单的mixin,用于我将用于网站的不同颜色。
我想要的是使用T
mixin
作为班级名称的一部分。
argument
我得到的输出是:
@green: #5FBEAA; // my color variable
.text-color(@color) {
.text-{@color} {
color: @color;
}
}
.text-color(@green);
我想要的是:
.text-#5FBEAA {
color:#5FBEAA
}
答案 0 :(得分:5)
我认为我有使用Variable Names的解决方案。
<强>少强>
@green: #5FBEAA;
.text-color(@colorname) {
@color: ~"@{colorname}";
.text-@{color}{
color: @@color;
}
}
.text-color(green);
<强>输出强>
.text-green {
color: #5FBEAA;
}
答案 1 :(得分:2)
我认为不可能。最接近的解决方案是使用额外的变量。
@green: #5FBEAA;
.text-color(@name,@color) {
.text-@{name} {
color: @color;
}
}
.text-color(green,@green);
这将编译为
.text-green {
color: #5FBEAA;
}