2

CSS 変換用の複数の入力パラメーター値を持つ LESS mixin を作成しようとしています。入力値は、実行する変換のタイプと、変換に関連付けられた値です。

たとえば、次のコードを考えてみましょう。

.transform(@type; @value){
}

入力をtype='rotateY'と とするとvalue='360deg'、出力は になりますtransform: rotateY(360deg)。以下のオプションを試しましたが、どれも機能していないようです (出力はコメントとして記載されています)。

transform: "@{type}(@{value})"; /* Output: "rotateY(360deg)" */
transform: @{type}(@{value}); /* Output: Compiler error */
transform: @type(@value); /* Output: rotateY 360deg */

必要に応じて出力を取得するには、どのようにコーディングすればよいですか? 助けてください。

注: mixin コードには他にも多くの項目があります。修正が必要な行だけを投稿しました。

4

1 に答える 1

12

~以下に示すように、文字列をエスケープするだけです。これを行うと、引用符が出力 CSS に出力されないことが保証されます。

入力コード:

transform: ~"@{type}(@{value})";

また

transform: e("@{type}(@{value})");

Mixin コール:

.transform(rotateY;360deg);

出力 CSS:

transform: rotateY(360deg);
于 2013-10-27T04:32:22.980 に答える