0

パラメトリック ミックスイン出力を変数に設定するにはどうすればよいですか?

これらのパラメーターを持つこのカスタム mixin があるとします。

.gradient(#555, #333, #777);

これを変数に入れて、コード全体でこの特定のグラデーションを参照できるようにします。

次のようにラップします。

@mixin elGradient() {
    @include .gradient(#555, #333, #777);
}

このように含めるには：

.element {
    @include elGradient;
}

解析エラーが発生します。

4

1 に答える 1

1 
.elGradient() {
    .gradient(#555, #333, #777);
}

.element {
    .elGradient();
}

これが最も簡単な方法です。または、同じプロパティを何度も含める必要がある場合は、拡張機能を使用するのが理にかなっています。

.elGradientBase {.gradient(#555, #333, #777)}
.elGradient() {
    &:extend(.elGradientBase all);
}

.element-1 {
    .elGradient();
}

.element-2 {
    .elGradient();
}

// etc.
于 2013-10-17T15:01:13.940 に答える