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

Question

我确信这很简单，但我无法让它发挥作用。本质上，我正在构建一个风格指南，以使与设计师/开发人员的合作更容易一些。我想要完成的是这个，

我有一个装满 block 的托盘，其背景颜色由 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}";