カスタムプロパティ

私はRAZORプロジェクトに取り組んでおり、スタイル値を::before要素に動的に割り当てる方法を見つけました.これをする最善の方法はCSS Custom Propertiesを介してです
ここでは、かみそりのコードを思いつきました.
CSS

.wrapper::before {
  background-color: var(--label-color);
  content: var(--label-text);
}

剃刀

@{
  var labelText = "Some Label";
  var labelColor = "blue";
}
<div class="wrapper" style="--label-color: @labelColor; --label-text: '@labelText'">
  Hello
</div>