Codekit + Neat 编译报错

Question

我是 Neat/Bourbon 的新手，正在尝试使用 Codekit 进行设置，以便我可以开始构建一些很棒的网格！

我通过将 @import "neat"; 插入到我的主 SCSS 文件中，使用内置的 Codekit 版本安装了 Neat。看起来这是有效的，因为我看到一小段代码插入到我的 CSS 文件中，据我所知，这是默认情况下唯一的 CSS Neat 插入。这个代码是：

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

所以，所有似乎都正确导入，但是当尝试使用任何混合形式的 Neat 文档时，我从 Codekit 收到以下错误，因此阻止编译器完成：

Libsass：错误：没有名为 grid-column 的 mixin

回溯： Users/petedungey/Desktop/Dropbox/Oak/Internal/Flywheel 本地 Sites/woocommerce-blueprint-site/app/public/wp-content/themes/oak_starter_theme/sass/layout/_grid.scss:14 在 Users/petedungey/Desktop/Dropbox/Oak/Internal/Flywheel 本地 Sites/woocommerce-blueprint-site/app/public/wp-content/themes/oak_starter_theme/sass/layout/_grid.scss

的第 14 行

@include 网格列（3）； ----------^

有人可以帮忙吗？

Answer 1

翻了翻CodeKit’s Updates page，好像还是打包了Neat 1.7.2。但是，grid-column mixin 来自 Neat 2.0。

您可以在此处查看 1.7.2 的文档：http://neat.bourbon.io/docs/1.7.2/

Codekit + Neat 编译报错

Codekit + Neat compiling error

css

sass

neat

bourbon

codekit