2017-03-08 51 views
0

我是Neat/Bourbon的新手,尝试使用Codekit进行设置,以便开始构建一些真棒网格!Codekit + Neat编译错误

我已经安装了Neat,使用内置的Codekit版本,将@import "neat";插入到我的主SCSS文件中。看起来,这是工作,因为我看到插入到我的CSS文件的一小段代码,我知道是默认情况下唯一的CSS整齐插入。此代码是:

html { 
    box-sizing: border-box; } 

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

因此,所有似乎正确导入,但是试图用任何混合形成整齐的文档,我从Codekit得到以下错误时,因此防止编译器来完成:

Libsass:错误:没有混入命名网格列

回溯: 用户/ petedungey /桌面/ Dropbox的/橡木/内部/飞轮本地站点/ woocommerce-蓝图网站/应用/公/可湿性粉剂内容/主题用户/ petedungey/Desktop的第14行/oak_starter_theme/sass/layout/_grid.scss:14 /Dropbox/Oak/Internal/Flywheel本地网站/ woocommerce-blueprint-site/app/public/wp-content/themes/oak_starter_theme/sass/layout/_grid.scss

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

任何人都可以协助吗?

回答

2

通过CodeKit’s Updates page看,它似乎仍然包装整洁1.7.2。不过,mixin来自Neat 2.0。

你可以在这里查看1.7.2的文档:http://neat.bourbon.io/docs/1.7.2/

+0

啊,谢谢泰森,很好的发现。不应该假设Codekit有最新版本! –

+1

Codekit v3.0.8已将_just_更新至Neat版本2.0([请参阅Codekit更新](https://codekitapp.com/updates/))。如果你将你的Codekit版本升级到最新版本,并且你编译你的SCSS,它应该使用Neat 2.0,你可以开始使用更新的语法。 –