css - 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 Local Sites/woocommerce-blueprint-site/app/public/wp-content/themes/oak_starter_theme/sass/layout/_grid.scss:14 在 Users/petedungey/Desktop/Dropbox/Oak/Internal/Flywheel Local 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/