Question

我找到了一个关于如何调整列

的解决方案

.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代码。

Answer 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)
}

在Foundation中调用mixin

1 个答案: