Using Codekit 2 with Susy and Breakpoint

Question

I like to use Codekit for a Compass-Poject with Susy and Breakpoint.

@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";

But there is an error message "File to import not found or unreadable: breakpoint."

Can i use Breakpoint with Codekit2?

Thanks!

Snugug · Accepted Answer · 2014-05-07T17:28:18.690

6

Yes, however as Codekit 2 doesn't come bundled with Breakpoint like it does Susy and Compass, it's not as easy as @import "breakpoint";. What you will need to do is, using Codekit 2's Bower integration, download the breakpoint-sass bower package and change your import to @import "../bower_components/breakpoint-sass/stylesheets/breakpoint";.

edited May 07 '14 at 17:28

answered May 07 '14 at 14:05

Snugug

2,358
1
16
18

Perfect! Thanks. The path is "../bower_components/breakpoint-sass/stylesheets/breakpoint" – user3473628 May 07 '14 at 14:23

score 0 · Answer 2 · answered May 09 '14 at 12:31

0

Why not use @include susy-breakpoint(setting, layout);? It allows you to add settings once instead of using @include breakpoint(your setting); and then @include layout(your layout); on the next line.

answered May 09 '14 at 12:31

prasutagus

1,383
10
9

I followed the recommendations from the Susy documentation: "The only requirement is Sass, but Susy was built to be part of the Compass ecosystem, and we recommend pairing with tools like Breakpoint and Vertical Rhythms." – user3473628 May 12 '14 at 08:15

score 0 · Answer 3 · answered Mar 30 '15 at 19:25

0

I no longer see breakpoint-sass in the Codekit listing of bower packages. I will keep checking.

answered Mar 30 '15 at 19:25

user3647674

101
1
4

score 0 · Answer 4 · answered Jul 29 '15 at 02:34

For those cannot find breakpoint-sass in the CodeKit listing of bower packages, you can do the following.

npm install -g bower
bower install at-import/breakpoint

And then

@import "../bower_components/compass-breakpoint/stylesheets/breakpoint"

inside your main .scss file.

Using Codekit 2 with Susy and Breakpoint

4 Answers4