Directory

nebula-style-attributes-behavior - Vaadin Add-on Directory

A Polymer behavior to update CSS variables from custom element attributes. nebula-style-attributes-behavior - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/arsnebula/nebula-style-attributes-behavior](https://github.com//arsnebula/nebula-style-attributes-behavior/blob/v1.1.1/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/arsnebula/nebula-style-attributes-behavior) [![Build Status](https://saucelabs.com/browser-matrix/arsnebula.svg)](https://saucelabs.com/beta/builds/f51fd687cfe84ca6bbdf7d1d24bccb02) # \ A [Polymer](https://www.polymer-project.org) behavior to update CSS variables from custom element attributes. ## Installation ``` $ bower install -S arsnebula/nebula-style-attributes-behavior ``` ## Usage Import the package behavior: ```sh ``` Add a `styleAttributes` or `_styleAttributes` property to the element to define how attributes are mapped to CSS variables. When the attribute is changed, the CSS variable will be updated. ```html ``` The element can now be styled using attributes. ```html ``` *For more information on element properties and methods see the element API documentation.* ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -am 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## Change Log See [CHANGELOG](/CHANGELOG.md) ## License See [LICENSE](/LICENSE.md)