sass - 在现有的 Mixin 上使用 SASS 函数？

Question

我有一个现有的 mixin，它创建了一个背景渐变：

@include bg_gradient($dark:#292446, $light:#3e395b, $highlight:#65617d);

我想让悬停使它变亮，我似乎无法弄清楚如何将其交给函数：

lighten(@include bg_gradient($dark:#292446, $light:#3e395b, $highlight:#65617d), 10%);

不起作用，我也尝试过像其他 CSS attrs 一样滚动到最后：

@include bg_gradient($dark:#292446, $light:#3e395b, $highlight:#65617d, lighten ($dark, 10%));

此外，尝试将 mixin 分配给变量并将其传递如下：

lighten($gradient-value, 10%);

Answer 1

Mixins 不返回值，因此您不能在它们上使用函数。在您的第二个示例中，您需要能够将函数本身作为参数传递，这目前是不可能的。您唯一的选择是这个（假设您想将该函数应用于所有 3 个参数）：

@include bg_gradient($dark: lighten(#292446, 10%), $light: lighten(#3e395b, 10%), $highlight: lighten(#65617d, 10%));