How to create a responsive web design with Gulp, susy, and breakpoint?



Joel Longie Since Sep 03, 2015 2 Posts

Great work. I love the tutorial!

zooboole Since Jan 22, 2015 112 Posts

Thanks @joel Longie.

Jeff Kinley Since Feb 14, 2016 2 Posts

This is a great tutorial. Unfortunately, I get this error. I have tried changing the path, but nothing works. Any ideas? Could this be because we are using Susy 2 now?

Error in plugin 'sass' Message: src/scss/styles.scss Error: File to import not found or unreadable: ../bowercomponents/susy/sass/susy.scss Parent style sheet: stdin on line 1 of stdin

@import "../bowercomponents/susy/sass/susy.scss";

Jeff Kinley Since Feb 14, 2016 2 Posts

Sorry, here is the correct error:

Error in plugin 'sass' Message: src/scss/styles.scss Error: File to import not found or unreadable: ../bowercomponents/susy/sass/susy.scss Parent style sheet: stdin on line 1 of stdin

@import "../bowercomponents/susy/sass/susy.scss"; ^

zooboole Since Jan 22, 2015 112 Posts

Happy you loved it @Jeff, your problem is a sass problem, and especially linking susy to your document. I would like you to check your path to susy.scss by checking following:

  • Are you sure your bower components folder is bowercomponents instead of bower_components ?
  • Use full path, like http://127.0.0.1:9000/public/bower_components/susy/sass/susy.scss

If any other thing let us know by providing more details.

Hermann Vallejo Since Feb 28, 2016 1 Posts

Hi,

I got an error on @import "reset" running gulp, which bower or npm dependency do I need to be able to use this import?

thanks

zooboole Since Jan 22, 2015 112 Posts

You just need to create a _reset.scss file Hermann Vallejo. The file should contain HTML5 resets.

Luca Rainaldo Since Jun 02, 2016 1 Posts

Thanks!!!

Aurelian Spodarec Since May 14, 2017 2 Posts

For those in 2017. This is the correct path:

@import "./bowercomponents/susy/sass/susy.scss"; @import "./bowercomponents/breakpoint/breakpoint/breakpoint.scss";

Hope it helped :)

Aparently the paths changes or something as the updates come and go, since this was over 2years ago written etc..

Took me 60min to figure it out.

:)

Aurelian Spodarec Since May 14, 2017 2 Posts

Great! Love this.

However, there is an error. I have did the tutorial before, and it has worked, I did many projects with this.

Now I do it again, 4th time in a day setting up a new project, and it throws some errors. Could you check it please?