rnk / django-media-bundler

Django application that bundles your Javascript and CSS and sprites your icons.
http://wiki.github.com/rnk/django-media-bundler/
BSD 3-Clause "New" or "Revised" License
120 stars 19 forks source link

CSS minifier destroys multi-browser gradients #7

Open jneves opened 12 years ago

jneves commented 12 years ago

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.


This change is Reviewable