LESS 将 css 颜色标签转换为列表/变量中的十六进制代码

编程问答 2022-05-04

问题描述

我有一个带有颜色代码的 less 列表：

@brand-device-colors: black #000000,white #ffffff,gray #dddddd,customcolor #111222,customcolor2 #123123

该列表转到一个函数：

.make-device-colors(@i: length(@brand-device-colors)) when (@i > 0) {
    .make-device-colors(@i - 1);
    @color-array: extract(@brand-device-colors,@i);
    @device-color: extract(@color-array,1);
    @device-color-code: extract(@color-array,2);
    @device-class: ~"color-@{device-color}";

    .select-styled label {
        // Just to dump the variable
        margin: @device-class;
    }
}
.make-device-colors();

第一个元素（黑色#000000）的输出是：

.select-styled label {
    margin: color-#000000
}

代替：

.select-styled label {
    margin: color-black
}

customcolor 的输出为：

.select-styled label {
    margin: color-customcolor
}

LESS 在我的变量中已经将“black”翻译为“#000000”。 我怎样才能防止这种情况？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

arraysarraysarrayslesslistlist