0

これは私のミックスインです:

.gradient (...) {
    background-image: -webkit-linear-gradient(@arguments);
    background-image: -moz-linear-gradient(@arguments);
    background-image: -ms-linear-gradient(@arguments);
    background-image: -o-linear-gradient(@arguments);
    background-image: linear-gradient(@arguments);
}

そして、私はそれを次のように使用しようとしています：

.gradient(top, #333333 0%, #282828 100%);

問題は、LESS がすべてのコンマを削除しているため、出力は次のようになることです。

background-image: linear-gradient(top #333333 0% #272727 100%);

LESS に引数を文字どおり渡すことは可能ですか? または、この問題をどのように解決すればよいですか?

4

1 に答える 1

1

探しているものを実現するには@arguments、次の構文のいずれかを使用して、をリテラル文字列として渡す必要があると思います。

  1. ~"top, #333333 0%, #282828 100%"

  2. e("top, #333333 0%, #282828 100%")

構文~"value"とe("value")はほぼ同等です。

次に、次の.gradient( @arguments )ように mixinを呼び出す必要があります。

.gradient( e("top, #333333 0%, #282828 100%") );

于 2013-02-08T09:07:23.197 に答える