What's Bourbon Neat?
Bourbon Neat is a lightweight, semantic grid framework built with Sass.
Neat relies entirely on Sass mixins and does not pollute your HTML with presentation classes and extra wrapping div's.
Using Neat
Just add this line to the top of your main Sass stylesheet, then save:
@import "neat";
That's It?
Yes. Just start using Neat features in your Sass. You can even copy the import statement from the Bourbon Neat category of Project Settings if you're feeling lazy:
How Does The Magic Work?
CodeKit contains a bundled copy of Neat. When the app sees the above @import statement in your stylesheet, CodeKit tells the Sass compiler where it can find Neat's files, even though they aren't in your project.
Optional: Install Neat's Files
Future CodeKit updates will include newer releases of Neat as they become available. When you recompile your Sass file, it will use the newer version of Neat in CodeKit.
You can "lock" a project to the current version of Neat by installing the framework's files in your Project. To do so, click the Install Neat Files button. Afterwards, update the @import "neat"; statement with a relative path from your Sass file to the location where you installed Neat. Otherwise, the Sass compiler will still use the version of Neat in CodeKit rather than the one you installed in your Project.