grain-update-inline-style-behavior - Vaadin Add-on Directory
(no summary available)
**[ This description is mirrored from README.md at [github.com/daKmoR/grain-update-inline-style-behavior](https://github.com//daKmoR/grain-update-inline-style-behavior/blob/v0.8.1/README.md) on 2019-05-10 ]**
[](https://www.webcomponents.org/element/daKmoR/grain-update-inline-style-behavior)
[](https://www.polymer-project.org)
# \
In order for inline styles to work with Browsers not supporting CSS Custom Properties you will have to save your style into data-style as well.
This behavior will extend updateStyles() to parse data-style and merge it with your styles.
## Demo
```html
I am an element with some inline style.
My Background will be yellow even on Browsers not supporting CSS Custom Properties.
For it to work data-style will need to be the same as style in the HTML.
```
## Installation
```sh
$ bower install --save daKmoR/grain-update-inline-style-behavior
```
## Getting Started
Import the package.
```html
```
Create your element using this behavior.
```js
class GrainUpdateInlineStyleBehaviorExample extends GrainUpdateInlineStyleBehavior(Polymer.Element) {
// your code
}
```
Insert your element with style and data-style
```html
Create Element with style AND data-style
```
*For more information, see the API documentation.*
## Working on the Element
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed.
* View the Element via `polymer serve`
* Run tests via `polymer test`
My Background will be yellow even on Browsers not supporting CSS Custom Properties.
For it to work data-style will need to be the same as style in the HTML.