我正在尝试在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; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。