css - CSS コードブロックを含む CSS LESSphp 変数

Question

lessphp を使用して複数のスタイル宣言を追加したいと考えています。$context 配列に lessphp setVariables メソッドを提供しました。

$context['font'] = 'color: #ffffff; font-family: verdana;';

次に、次のように、変数名を使用して less ファイルで使用したいと思います。

.selector{
  @font;
}

これは機能しません。これを処理する適切な方法は何ですか?

Answer 1

LESSphp と LESS 構文の両方に基づいてやろうとしていることには、少なくとも 2 つの問題があります。

1. PHP の配列は、プロパティ名と値ではなく、変数名と値のペアである必要があります。
2. LESS では、プロパティ名を動的に設定することはできません。

だから私はあなたのための解決策は次のようなものだと信じています：

PHP

$context = array(
   "fontColor" => "#ffffff",
   "fontFamily" => "verdana"
);

$less->setVariables($context);

以下

上記のコードは、コンパイルされた LESS ファイルに次と同等のものを生成するはずです。

@fontColor: #ffffff;
@fontFamily: verdana;

次に、次のように使用します。

.selector {
   color: @fontColor;
   font-family: @fontFamily;
}