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. It seems like the compressed CSS version of a file which includes CSS3 gradients is almost completely ignored!
The following minifier handles CSS3 gradients much better, but it's still not there: http://refresh-sf.com/yui/
I tried to replace the content inside of the generated css/gz files with the content generated by yui, I've noticed a big progress, but still - the final result wasn't perfect.
I believe this bug affects all Drupal branches/versions at the moment.