LeaVerou/prefixfree — Issue #42: linear-gradients don't get prefixed
Author: brianfreud
Created: 2012-01-27 07:35:04+00:00
State: open

For linear-gradient and the others, where the prefix is in the value, not the attribute, prefixfree's not doing anything.

background: linear-gradient(top,#d6f0fc 0,#ffffff 50%,#3867a1);

should be adding:

background: -moz-linear-gradient(top,#d6f0fc 0,#ffffff 50%,#3867a1);
background: -ms-linear-gradient(top,#d6f0fc 0,#ffffff 50%,#3867a1);
background: -o-linear-gradient(top,#d6f0fc 0,#ffffff 50%,#3867a1);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d6f0fc), color-stop(0.5, #ffffff), to(#3867a1));
background: -webkit-linear-gradient(top,#d6f0fc 0,#ffffff 50%,#3867a1);

but it's not.

Hopefully there's a fix; gradients are the biggest part of my css; if I can trim them out, the size savings from that alone would make prefixfree worthwhile, even ignoring all the other prefix headaches that it saves me! :D