在 Foundation 中调用 mixin答案

【问题标题】：calling a mixin in Foundation在 Foundation 中调用 mixin
【发布时间】：2015-09-01 21:56:55
【问题描述】：

我找到了如何调整列大小的解决方案

.col5-unit {
    @include grid-column(2.4); // (12/5 = 2.4)
}

但是，我收到了这个错误

[16:17:17] Starting 'styles'...
[16:17:17] gulp-inject 4 files into index.scss.
[16:17:17] [Sass] Error in plugin 'gulp-sass'
Message:
    no mixin named grid-column
Backtrace:
    src/app/main/main.scss:110
Details:
    fileName: /home/ubuntu/testapp/src/app/main/main.scss
    lineNumber: 110
[16:17:17] Finished 'styles' after 35 ms

我在文件 grid.scss 中看到了 grid-column，但我不确定将我的 scss 代码正确放置在哪里。

【问题讨论】：

向我们展示文件结构和gulpfile.js。
我之前的回答搞混了。我所做的只是从 main.scss 中删除 .col5-unit css 类并将其移动到另一个 scss 文件中。我真的很震惊为什么它在 main.scss 文件中时不起作用
所以让我们在这里发布解决方案作为答案并接受它 - 它可以在未来向其他人提供帮助，这就是本网站的重点:-)
@Akarienta 我刚刚发布了解决方案

标签： sass zurb-foundation mixins

【解决方案1】：

根据@akarienta 的要求，我是这样操作的。如果不包含此导入代码，将无法修复。

@import "bower_components/foundation/scss/foundation/components/tabs";

我将该行添加到我自己的 _settings.scss

然后我将下面的代码放到另一个 scss 文件中。它应该在 main.scss 中工作，但想知道为什么我没有。我将不得不重新测试。无论如何，一切都很好

.col5-unit {
    @include grid-column(2.4); // (12/5 = 2.4)
}

【讨论】：