_gradient.scss in compass-0.11.alpha.1

- old
+ new

@@ -30,11 +30,13 @@
 //
 // - Chrome
 // - Safari
 // - Firefox 3.6
 // - Opera
-
+//
+// @deprecated Use the linear-gradient() function in conjunction with a
+//             property mixin like `background-image`.
 @mixin linear-gradient($color-stops, $start: false, $image: false) {
   @if $image {
     @if $start {
       @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, linear-gradient(#{$start}, #{$color-stops}))";
     } @else {
@@ -49,21 +51,10 @@
   }
   @if not $start { $start: top; }
   @include background-image($image, linear-gradient($start, $color-stops));
 }
 
-// Emit a IE-Specific filters that renders a simple linear gradient.
-// For use in IE 6 - 8. Best practice would have you apply this via a
-// conditional IE stylesheet, but if you must, you should place this before
-// any background-image properties that you have specified.
-@mixin filter-gradient($start-color, $end-color, $orientation: vertical) {
-  @include has-layout;
-  $gradient-type: if($orientation == vertical, 0, 1);
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}')";
-}
-
 // Because of webkit's limitations, the radial gradient mixin works best if you use
 // pixel-based color stops.
 //
 // Examples:
 //
@@ -84,10 +75,12 @@
 //
 // - Chrome
 // - Safari
 // - Firefox 3.6
 // - Opera
-
+//
+// @deprecated Use the radial-gradient() function in conjunction with a
+//             property mixin like `background-image`.
 @mixin radial-gradient($color-stops, $center-position: false, $image: false) {
   @if $image {
     @if $center-position {
       @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, radial-gradient(#{$center-position}, #{$color-stops}))";
     } @else {