根据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
来进行混音?
答案 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
语句。