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}";