Question

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

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

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

我希望将其放入变量中，以便在整个代码中引用此特定渐变。

像这样包装：

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

包含这样的内容：

.element {
    @include elGradient;
}

产生解析错误。

Answer 1

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

.element {
    .elGradient();
}

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

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

.element-1 {
    .elGradient();
}

.element-2 {
    .elGradient();
}

// etc.

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

1 个答案: