How does it work? - Githubissues

seifsallam commented 10 years ago

I've tried looking for bourbon using @import 'bourbon' but i didn't work. Is there something that I need to do in Brocfile.js in order for this to work?

daverodal commented 10 years ago

I to try to use this. I install broccoli-sass and it complains about not finding bourbon

I try @import "bourbon/bourbon" and @import "bourbon"

you seem t be doing something right.

chrism commented 10 years ago

Hi,

I'm also struggling to use this.

I've installed via npm with

npm install ember-cli-bourbon --save-dev

with no luck, then noticed that ember-cli has switched from using vendor to `bower_components so changed the paths to this new one in the index file - but still nothing.

It's a shame because I had this working fine before with a previous version of ember-cli without an addon.

https://github.com/joliss/broccoli-sass/issues/4

But this approach (with the new path) has stopped working too now.

chrism commented 10 years ago

Quick update : Seems like using libsass requires an older version bourbon https://github.com/thoughtbot/bourbon#requirements (3.2.x) - not sure if thats the issue here, but think broccoli-sass at least relies on it.

In case anyone else is struggling to use bourbon then I found this is straightforward process

install the latest version of bourbon that supports libsass (currently https://github.com/thoughtbot/bourbon/releases/tag/v3.2.1) via bower

bower install bourbon#3.2.1 --save-dev

then you can link directly to the directory from your app.scss manifest file (make sure you are using the correct .scss suffix for your app stylesheet to ensure broccoli-sass compiles it)

@import '../../bower_components/bourbon/dist/bourbon';

This approach is correct with ember version: 0.0.40-master-7426813088 as the default bower directory has changed (see above)

Hope that helps someone else get it working :)

joefiorini / ember-cli-bourbon

How does it work? #2