2017-03-08 52 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,你可以開始使用更新的語法。 –