rnk/django-media-bundler — Issue #7: CSS minifier destroys multi-browser gradients
Author: jneves
Created: 2012-02-04 11:35:17+00:00
State: open

I have a CSS with the following code for a gradient:

.orange, .orange:visited{
background: #ff7b00;
background: -moz-linear-gradient(top, #ff9b3a 0%, #ff7b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b3a), color-stop(100%,#ff7b00));
background: -webkit-linear-gradient(top, #ff9b3a 0%,#ff7b00 100%);
background: -o-linear-gradient(top, #ff9b3a 0%,#ff7b00 100%);
background: -ms-linear-gradient(top, #ff9b3a 0%,#ff7b00 100%);
background: linear-gradient(top, #ff9b3a 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b3a', endColorstr='#ff7b00',GradientType=0 );
border-color: #F7AB08;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
}

The minified code is:

.orange,.orange:visited{background:linear-gradient(top, #ff9b3a 0%,#ff7b00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b3a', endColorstr='#ff7b00',GradientType=0 );border-color:#F7AB08;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.55)}

which doesn't provide the same effect.