Use a sass 'global' variable

[adambedford]

I'm trying to get this up and running in conjunction with bootstrap (from ember-bootstrap) and I would like to reference one of bootstrap's variables in my component sass file.

e.g.

.label-wrapper {
  background-color: $light
}

...where $light comes from bootstrap.

This is currently throwing an 'undefined variable' error. Is there a different pattern I should be using? I'm migrating from ember-component-css, so please tell me to RTFM if I'm just missing something 😄

[dagroe]

I have had a similar issue. For me the bootstrap import ended up below the usage of the variable in the resulting app.scss file which caused the 'undefined variable' error.

For me it seemed related to styling reuse via the 'composes' property, which I guess is related to #3