ember-cli-autoprefixer
only autoprefixes stylesheets.
How does one go about autoprefix
ing inline style attributes of HTML and Components?
The example below uses a background-image image-set. I understand an <img>
element could be used instead.
<div style="
background-image: url({{imagePath}});
background-image: image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
"></div>
Outputs:
<div style="
background-image: url({{imagePath}});
background-image: -webkit-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
background-image: -moz-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
background-image: -o-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
background-image: -ms-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
"></div>