ember-component-css incompatibility

[buschtoens]

As brought up here: https://github.com/xomaczar/ember-cli-styles-reloader/issues/1#issuecomment-120557588

[buschtoens]

Working on a PR for you.

[buschtoens]

There's a problem. ember-component-css genereates a stylesheet like this:

.application--nav-bar-ecf9bbbf .wrapper {
  max-width: 400px;
  margin: 0 auto; }

Unfortunately, the class name suffix up there is absolutely random and changes with every edit. Therefore it also needs to change in the document. This is clearly out of scope for this project, I'd say.

I'll open an issue over at ember-component-css.

[buschtoens]

I made a PR that fixes this behavior by caching the suffixes: https://github.com/ebryn/ember-component-css/pull/76

If it gets accepted, you could merge #9 as well. :)