Codekit + Neat编译错误

时间:2017-03-08 14:03:01

标签: css sass bourbon neat codekit

我是Neat / Bourbon的新手并尝试使用Codekit进行设置,以便我可以开始构建一些非常棒的网格!

我已经使用内置的Codekit版本安装了Neat,方法是将@import "neat";插入到我的主SCSS文件中。看来这是有效的,因为我看到一小段代码插入到我的CSS文件中,我理解这是默认情况下唯一的CSS Neat插入。这段代码是:

html {
  box-sizing: border-box; }

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

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

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

回溯:         用户/ petedungey /桌面/ Dropbox / Oak /内部/飞轮本地站点/ woocommerce-blueprint-site / app / public / wp-content / themes / oak_starter_theme / sass / layout / _grid.scss:14         在用户/ petedungey /桌面/ Dropbox / Oak /内部/飞轮本地站点/ woocommerce-blueprint-site / app / public / wp-content / themes / oak_starter_theme / sass / layout / _grid.scss

的第14行

@include grid-column(3); ----------- ^

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

浏览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/