A ember modifier to apply css variables. This gives a save way to expose data from javascript to css.

• Ember.js v3.13 or above
• Ember CLI v3.13 or above
• Node.js v10 or above

ember install ember-css-vars

css

#myElement {
  background: var(--my-color);
}

hbs

<div id="myElement" {{css-vars my-color="blue"}}>
  This will have a blue background
</div>

Because element modifiers do not run in FastBoot mode {{css-vars}} has no effect when run in FastBoot mode.

This project is licensed under the MIT License.