覆盖 SCSS 混合答案

【问题标题】：Overriding a SCSS mixin覆盖 SCSS 混合
【发布时间】：2017-07-31 00:39:00
【问题描述】：

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

目前文件按以下顺序加载：

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

（在两个文件中，mixin 的名称相似）

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

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

我该怎么做？

【问题讨论】：

标签： sass

【解决方案1】：

我创建了一个 Sass Gist 来帮助您可视化被覆盖的 mixin，您正在尝试做的应该可以工作。我想还有其他地方导致了这个问题，可能是插件加载 mixin 的顺序吗？

我只能建议你从头到尾一步一步地解决你的问题。

【讨论】：