html - LessCSS - コンテンツの文字列として色を評価する

Question

これは簡単だと思いますが、これを機能させることはできません。基本的に、デザイナー/開発者との作業を少し簡単にするためのスタイル ガイドを作成しています。私が達成しようとしているのはこれです、

ミックスインを使用してLESSによってその場で背景色が生成されるブロックでいっぱいのパレットがあります。ミックスインで生成された値を出力し、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
}

どんな提案でも大歓迎です。Webサイトを見ましたが、解決策を見つけることができませんでした。

ありがとう！

Answer 1

これを試して：

content: "@{color}";