less - 在LESS中将参数mixin输出设置为变量

Question

如何将参数混合输出设置为变量？

假设我有这个带有这些参数的自定义 mixin：

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

我希望将其放入一个变量中，这样我就可以在我的代码中引用这个特定的渐变。

像这样包装它：

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

像这样包含：

.element {
    @include elGradient;
}

产生解析错误。

Answer 1

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

.element {
    .elGradient();
}

这是最简单的方法。或者，如果您确实需要一次又一次地包含相同的属性，那么使用扩展功能将是有意义的：

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

.element-1 {
    .elGradient();
}

.element-2 {
    .elGradient();
}

// etc.