0

I'm new to Neat/Bourbon and trying to setup using Codekit so that I can begin building some awesome grids!

I have installed Neat using the built in Codekit version by inserting @import "neat"; into my main SCSS file. It appears that this is working as I see a small snippet of code inserted into my CSS file, which I understand is the only CSS Neat inserts by default. This code is:

html {
  box-sizing: border-box; }

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

So, all appears to be importing correctly, however when trying to use any mixing form the Neat documentation I'm getting the following error from Codekit, hence preventing the compiler to complete:

Libsass: Error: no mixin named grid-column

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

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

Can anybody assist?

dungey_140
  • 2,602
  • 7
  • 34
  • 68

1 Answers1

2

Looking through CodeKit’s Updates page, it seems that it still packages Neat 1.7.2. However, the grid-column mixin is from Neat 2.0.

You can view documentation for 1.7.2 here: http://neat.bourbon.io/docs/1.7.2/

Tyson Gach
  • 266
  • 1
  • 3
  • Ah, thanks Tyson, well spotted. Shouldn't assume Codekit has the latest versions! – dungey_140 Mar 08 '17 at 22:21
  • 1
    v3.0.8 of Codekit has _just_ updated to version 2.0 of Neat ([see Codekit Updates](https://codekitapp.com/updates/)). If you update your version of Codekit to the latest version and you compile your SCSS it should use Neat 2.0 and you can start using the newer syntax. – Brad Marshall Mar 13 '17 at 20:50