5

ドキュメントとSOの両方を検索しましたが、クエリに対する答えが見つかりませんでした。LESSを使用して文字列内に関数の結果を含める正しい方法は何ですか？

たとえば、変数を定義しましたが、ボックスシャドウ用にそれを明るくしたいと思います。たとえば、これが私がやりたいことです：

.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)");

明らかにそれはうまくいきません。の特定の変数を定義せずに、これを達成する正しい方法は何lighten(@green, 10%)ですか？

4

1 に答える 1

4

文字列の外に置くだけで機能するはずです。

@green: #0f0;
.box-shadow(@def) { box-shadow: @def; }

p {
  .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px" lighten(@green, 10%)) 
}

にコンパイルします

p {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #33ff33;
}
于 2013-03-10T13:50:55.347 に答える