0

LESSCSSにはif/elseがなく、if/elseが必要となるユースケースは保護されたミックスインを使用して解決されることを意図していることを私は知っています。

CSSの設定ファイルが欲しいのですが、このファイルでfont-size、font-family、font-weight、line-heightを設定できます。また、上記のプロパティのいずれかを定義しない可能性もあります。

それが一番の問題です。変数が存在するかどうかを確認する可能性はありますか？設定してはいけないプロパティ（フォントファミリの数値など）を定義するために無効な値を使用しています

次に、指定された値に応じてCSSを作成します。4つすべてが与えられた場合：

font: @font-weight @font-size~'/'@line-height @font-family;

@ font-familyが指定されていない場合：

font-size: @font-size;
font-weight: @font-weight;
line-height: @line-height;

等々。

考えられるすべての組み合わせにミックスインを使用すると、非常に肥大化したように見えます。

それは問題ではありません。2.2。

だから実際に私はこれを機能させたい：

@font-size: 1em;
@font-weight: bold;
@font-family: Arial, sans-serif;

body {
  .myMixin(@font-weight, @font-size, @line-height, @font-family);
}

出力する必要があります：

body {
  font: bold 1em Arial, sans-serif;
}

これを解決するためのアイデアはありますか？それとも、私がやろうとしていることは一般的に悪い考えだと思いますか？はいの場合、なぜですか？

〜デイブ

4

1 に答える 1

1

LESSがjavascriptを介してクライアントで評価されている場合は、バックティックを使用してjavascriptコードを含めることができます。スクリプトでは、空白の値を確認し、出力として文字列を作成できます。

Less.NETを使用し、サーバーでCSSに変換する場合、このjavascript評価を行うことはできません。

于 2012-05-21T08:32:23.743 に答える