Unexpected vendor prefixing for multiple gradient backgrounds

[notslang]

background gradient(red, red), gradient(blue, blue)

is compiled into:

background: #b44326 -webkit-gradient(linear, left top, left bottom, color-stop(0, #b44326), color-stop(1, #b44326)) repeat-x;
background: #b44326 -webkit-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x;
background: #b44326 -moz-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x;
background: #b44326 -o-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x;
background: #b44326 -ms-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x;
background: #00a6fc -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a6fc), color-stop(1, #00a6fc)) repeat-x;
background: #00a6fc -webkit-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: #00a6fc -moz-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: #00a6fc -o-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: #00a6fc -ms-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;

but it should be compiled into this:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b44326), color-stop(1, #b44326)) repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a6fc), color-stop(1, #00a6fc)) repeat-x;
background: -webkit-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x, -webkit-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: -moz-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x, -moz-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: -o-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x, -o-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;
background: -ms-linear-gradient(top, #b44326 0%, #b44326 100%) repeat-x, -ms-linear-gradient(top, #00a6fc 0%, #00a6fc 100%) repeat-x;

Oh, and the reason why I'm making a gradient from red to red & blue to blue is not because I'm insane (or at least not entirely)... it's actually because I can't specify multiple solid background colors, so using multiple solid colored "gradients" was the next best thing. However, I doubt that this odd use of gradients is what's causing this error.

[jescalan]

Ah interesting, I must say I never would have attempted this myself. I can't imagine what you're actually using this for haha. I think this has to do with TJ's magic gradient mixin, not sure if I would be able to fix it, but I'll look into it sometime this week!

[yoshuawuyts]

Any update on this?

[notslang]

yeah, there's been a little work related to this on nib... maybe we could merge with that

[yoshuawuyts]

If it's fixed, please do PR it in!

[jescalan]

Gradients are now delegated to nib entirely, so I'm going to close this -- if it's still an issue should be opened into nib!