3

有没有办法通过引用SASS中的另一个函数或mixin来传递一个函数或一个mixin,然后调用引用的函数或mixin?

例如:

@function foo($value) {
    @return $value;
}

@mixin bob($fn: null) {
    a {
        b: $fn(c); // is there a way to call a referenced function here?
    }
}

@include bob(foo); // is there any way I can pass the function "foo" here?
4

1 回答 1

6

函数和 mixin 在 Sass 中不是一流的,这意味着您不能像使用变量一样将它们作为参数传递。

Sass 3.2 及以上版本

你能得到的最接近的是@content指令(Sass 3.2+)。

@mixin foo {
    a {
        @content;
    }
}

@include bob {
    b: foo(c); // this replaces `@content` in the foo mixin
}

唯一需要注意的是,@content无法看到你的 mixin 里面有什么。换句话说,如果c只在bobmixin 内部定义,它本质上是不存在的,因为它没有被考虑在范围内。

Sass 3.3 及更新版本

从 3.3 开始,您可以使用该call()函数,但它只能用于函数,而不是 mixins。这需要传递包含函数名称的字符串作为第一个参数。

@function foo($value) {
    @return $value;
}

@mixin bob($fn: null) {
    a {
        b: call($fn, c);
    }
}

@include bob('foo');
于 2013-01-12T19:30:07.290 回答