sass:我什么时候需要@include来调用mixin?

时间:2016-08-09 20:05:32

标签: sass include mixins

根据doc,我们使用@include来调用mixin,但在我的用例中,我有类似的内容:

@import "components/color";

/*NavBar*/

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

对于mixin color(在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来进行混音?

2 个答案:

答案 0 :(得分:0)

background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); 你需要方向和颜色值(名称,RGB等),你给mixin用于插入porperty +值不仅值。您可以使用SASS变量。

答案 1 :(得分:0)

@include适用于mixins;如果你看到没有它的东西,比如color(...),那它实际上就是一个功能。 Mixins可以返回任意内容 - 通常是多个规则声明 - 但函数只返回值。因此,您将在声明中看到:之后使用的函数,并将mixins用作独立的@include语句。