覆盖SCSS mixin

时间:2017-03-09 21:01:06

标签: sass

我正在尝试覆盖来自第三方插件的SCSS mixin。我不想直接编辑mixin,所以我创建了它的副本并添加了我的所有修改。

目前,文件按以下顺序加载:

@import "scss/button-mixin"; // Overridden 
@import "vendors/scss/button-mixin"; // Original

(在两个文件中,mixin的命名方式相似)

我还尝试在原始版本之后加载被覆盖的mixin但在这两种情况下我的自定义覆盖mixin都被忽略了。

相同的设置在LESS中有效但似乎SCSS以不同的方式处理它。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

我已经创建了一个Sass Gist来帮助您想象一下被覆盖的混音,你要做的就是应该工作。我会想到还有其他地方导致了这个问题,它可能是插件加载mixin的顺序吗?

我只能建议您逐步完成sass开始,以解决您的问题。

Example of mixin being overwritten