基础变量和 Mixin 无法正常工作答案

【问题标题】：Foundation Variables and Mixins Not Working Correctly基础变量和 Mixin 无法正常工作
【发布时间】：2015-06-03 19:03:30
【问题描述】：

我已经用 Bower 安装了 Foundation，并且我在我的 gulp 任务中包含了路径，如下所示：

.pipe(sass({
    includePaths: [
        'bower_components/foundation/scss'
    ],
    outputStyle: 'expanded'
})

当我 @import 'foundation'; 进入我的样式表时，它似乎工作正常。但是当我开始引用它的 SASS 变量或 mixins 时，我开始收到如下错误：

Error: unbound variable $medium-up

知道为什么会这样吗？

提前致谢！

【问题讨论】：

【解决方案1】：

诀窍是在 global.scss 的底部导入 settings.SCSS 文件。非常适合我

【讨论】：

【解决方案2】：

您需要在@import 'foundation'; 之前@import 'foundation/settings';。据我所知，您正在导入的the main file 不包括设置。

看看this doc中的app.scss部分。

【讨论】：