search

nDmitry / grunt-autoprefixer

Parse CSS and add vendor-prefixed CSS properties using the Can I Use database. Based on Autoprefixer.
MIT License
795 stars 60 forks source link

multiple backgrounds webkit error #103

Closed nwtn closed 9 years ago

nwtn commented 9 years ago

I'm getting an error with -webkit-gradient syntax when using multiple backgrounds.

Input:

background-image: linear-gradient(transparent, transparent), url('/img/arrow-right.svg');

Output:

background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(transparent)), to(url('/img/arrow-right.svg'));
background-image: -webkit-linear-gradient(transparent, transparent), url('/img/arrow-right.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('/img/arrow-right.svg');
background-image: -o-linear-gradient(transparent, transparent), url('/img/arrow-right.svg');
background-image: linear-gradient(transparent, transparent), url('/img/arrow-right.svg');

That first like is wrong. I believe it should be:

background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('/img/arrow-right.svg');

As is, it's generating this error in CSS Lint:

WARNING: Expected end of value but found 'to(url('/img/arrow-right.svg'))'. Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property. (known-properties) Browsers: All
ai commented 9 years ago

Please open issue in Autoprefixer repo. It is not a issue of Gulp module.