sass：我什么时候需要@include 来调用mixin？答案

【问题标题】：sass: when do I need @include to call a mixin?sass：我什么时候需要@include 来调用mixin？
【发布时间】：2016-08-09 20:05:32
【问题描述】：

根据doc，我们使用@include来调用mixin，但在我的用例中，我有这样的东西：

@import "components/color";

/*NavBar*/

#g-navigation{background:linear-gradient(to top,rgba(0,0,0,0), color(blue,base) 80%) !important}

对于mixincolor（在components/_color.scss中定义），我不需要使用@include，实际上如果我这样做了

#g-navigation{background:linear-gradient(to top,rgba(0,0,0,0), @include color(blue,base) 80%) !important}

mixin 不会被执行，编译器只是将@include 保留在输出文件中。那么这是为什么呢？究竟什么时候需要@include 来使用mixin？

【问题讨论】：

【解决方案1】：

对于background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); 您需要方向和颜色值（名称、RGB 等），并提供用于插入 porperty + 值的 mixin，而不仅仅是值。您可以为此使用 SASS 变量。

【讨论】：

【解决方案2】：

@include 用于混合；当你看到没有它使用的东西时，比如color(...)，这实际上是一个函数。 Mixins 可以返回任意内容——通常是多个规则声明——但函数只返回值。因此，您会看到在声明中 : 之后使用的函数，以及用作独立 @include 语句的 mixins。

【讨论】：