Ember Css Properties

screenshot of Ember Css Properties

Ember Css Properties

This addon let's you easily and safely bind CSS properties in your Ember templates. This creates a reusable helper to avoid the Binding Style Attributes Deprecation added in Ember 1.11.

Overview:

The ember-css-properties addon is now deprecated and has been replaced by the ember-style-modifier addon. This addon allows users to easily and safely bind CSS properties in Ember templates to elements. It creates a reusable helper to avoid the Binding Style Attributes Deprecation introduced in Ember 1.11.

Features:

  • Bind CSS Properties: Easily and safely bind CSS properties to elements in Ember templates.
  • Handlebars Helper: Provides a handlebars helper called css-properties for binding CSS properties.
  • HTMLSafe String: Escapes CSS safe strings for each property and returns an htmlSafe string to handle deprecation warnings.
  • Supports Multiple Style Properties: The css-properties helper can be used with multiple style properties at once.

Installation:

To install the ember-css-properties addon, use the following command:

ember install ember-css-properties

Summary:

The ember-css-properties addon is deprecated and has been replaced by the ember-style-modifier addon. It allows users to easily and safely bind CSS properties in Ember templates. Install the addon using ember install ember-css-properties and use the provided css-properties helper to bind CSS properties to elements in templates. This addon is tested against Ember >2.12 but should work with all 2.* releases. The addon is licensed under MIT.