html - LessCSS - 将颜色评估为内容的字符串

Question

我敢肯定这是一个简单的，但我不能让它工作。本质上，我正在构建一个风格指南，以使与设计师/开发人员的合作更容易一些。我想要完成的是，

我有一个装满块的托盘，其背景颜色是由 LESS 使用 mixins 动态生成的。我希望能够输出由 mixin 生成的值，然后使用 CSS 伪元素将其附加到对象中。

这是我的代码：

@defaultPrimaryColor : #f00;
#block1{ background-color: darken( @defaultPrimaryColor, 20%);  } //should output #990000;
#block1:before{ 
    @color : darken(@defaultPrimaryColor, 20%);
    content: e(%("%s"),@color);  // doesn't work
        content: @color; // doesn't work
}

任何建议将不胜感激。我查看了网站，但无法找到解决方案。

谢谢！

Answer 1

试试这个：

content: "@{color}";