How do I get Burbon Neat running with code kit?

Question

I have a burbon running on code kit. It is not problem, I cant get neat running?

when i put

@import "neat";

I get this error

Syntax error: File to import not found or unreadable: neat. Load paths: / /Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets on line 13 of /Applications/MAMP/htdocs/dev.wordpress/wp-content/themes/blankslate/style.scss Use --trace for backtrace.

score 1 · Answer 1 · edited Oct 11 '16 at 15:57

1

Since CodeKit version 1.8, Neat is built in. You don't need to install anything, just write this in your SASS/SCSS file:

@import "bourbon", "neat";

edited Oct 11 '16 at 15:57

illogicaljake

25
6

answered Sep 28 '14 at 17:55

Design by Adrian

2,185
1
20
22

(this imports both Bourbon and Neat - the former is required for the latter) – Design by Adrian Sep 28 '14 at 17:56
Where does this import to? I cannot see this imported to my compiled style.css - Thanks – ejntaylor Dec 10 '14 at 10:33
@raison I don't think they are imported into the CSS, but are accessible to your SASS file, because they are mixins, not classes. If this does not throw any errors by your compiler, then your import is successful. Try writing ".myClass {@include linear-gradient(to top, red, orange);}" in your SASS file and see what gets rendered into your CSS. – Design by Adrian Dec 10 '14 at 17:00
aha - that makes sense and is a neat way of managing it. Thanks for the clarification. – ejntaylor Dec 10 '14 at 17:50
1

Just a note - should be `@import "bourbon", "neat";` – Chris Jul 09 '16 at 05:15

score 0 · Answer 2 · answered Aug 01 '13 at 10:46

0

Make sure your 'Neat' folder is inside your stylesheets folder and use @import "neat/neat";

directory example:

[sitename] > [assets] > [css] > styles.css, [sass] > _main.sass, styles.sass, [neat]

answered Aug 01 '13 at 10:46

user2641706

1

score 0 · Answer 3 · answered Nov 05 '13 at 15:43

0

Neat is a framework on top of Bourbon, so it does not automaticaly come with Bourbon. Install Neat as following.

In Terminal:

gem install neat

Then cd to your Sass directory and run:

neat install

In your Sass file:

@import "neat/neat";

answered Nov 05 '13 at 15:43

Jorn Bakhuys

61
5

score 0 · Answer 4 · answered Feb 20 '14 at 18:52

0

You also need to do:

@import "bourbon/bourbon";

before:

@import "neat/neat";

so your final scss file should start with(in the same order):

@import "bourbon/bourbon"; 
@import "neat/neat";

answered Feb 20 '14 at 18:52

abarro

25
7

How do I get Burbon Neat running with code kit?

4 Answers4