diff --git a/test/fixtures/stylesheets/compass/sass/gradients.sass b/test/fixtures/stylesheets/compass/sass/gradients.sass
index 539c3f2b..399a7860 100644
--- a/test/fixtures/stylesheets/compass/sass/gradients.sass
+++ b/test/fixtures/stylesheets/compass/sass/gradients.sass
@@ -1,37 +1,37 @@
 @import compass/css3
 
 .linear-1
-  +linear-gradient(color_stops(#dddddd, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa))
 
 .linear-2
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), left)
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), left)
 
 .linear-3
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left"))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), top left)
 
 .linear-4
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right"))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), top right)
 
 .linear-5
-  +linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc, #aaaaaa))
 
 .linear-6
-  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc 20%, #aaaaaa))
 
 .linear-7
-  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
 
 .linear-8
-  +linear-gradient(color_stops(#dddddd 80%, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd 80%, #aaaaaa))
 
 .linear-9
-  +linear-gradient(color_stops(#dddddd, #aaaaaa 20%))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa 20%))
 
 .linear-10
-  +linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%))
+  +linear-gradient(color-stops(#dddddd 40%, #aaaaaa 50%))
 
 .linear-11
-  +linear-gradient(color_stops(#dddddd 40%, black, #aaaaaa 50%))
+  +linear-gradient(color-stops(#dddddd 40%, black, #aaaaaa 50%))
 
 .linear-12
   +linear-gradient(color-stops(white, blue 33%, black 67%))
@@ -39,70 +39,70 @@
 .radial-1
   // A default radial gradient:
      A centered gradient having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-2
   // A centered gradient having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-3
   // A centered gradient at the top having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
 
 .radial-4
   // A centered gradient having a circular shape
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-5
   // A centered gradient at the top having a circular shape
-  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
 
 .radial-6
   // A centered circular gradient with color stops
      The color stops must be absolute units
-  +radial-gradient(color_stops(#dddddd 20px, #aaaaaa 50px))
+  +radial-gradient(color-stops(#dddddd 20px, #aaaaaa 50px))
 
 .radial-7
   // A centered elliptical gradient with color stops
      The color stops must be relative units
-  +radial-gradient(color_stops(#dddddd 20%, #aaaaaa 50px))
+  +radial-gradient(color-stops(#dddddd 20%, #aaaaaa 50px))
 
 .alpha-linear
-  +linear-gradient(color_stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
+  +linear-gradient(color-stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
 
 $experimental-support-for-svg: true
 .linear-svg-1
-  +linear-gradient(color_stops(#dddddd, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa))
 
 .linear-svg-2
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), left)
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), left)
 
 .linear-svg-3
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left"))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), top left)
 
 .linear-svg-4
-  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right"))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa), top right)
 
 .linear-svg-5
-  +linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc, #aaaaaa))
 
 .linear-svg-6
-  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc 20%, #aaaaaa))
 
 .linear-svg-7
-  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
 
 .linear-svg-8
-  +linear-gradient(color_stops(#dddddd 80%, #aaaaaa))
+  +linear-gradient(color-stops(#dddddd 80%, #aaaaaa))
 
 .linear-svg-9
-  +linear-gradient(color_stops(#dddddd, #aaaaaa 20%))
+  +linear-gradient(color-stops(#dddddd, #aaaaaa 20%))
 
 .linear-svg-10
-  +linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%))
+  +linear-gradient(color-stops(#dddddd 40%, #aaaaaa 50%))
 
 .linear-svg-11
-  +linear-gradient(color_stops(#dddddd 40%, black, #aaaaaa 50%))
+  +linear-gradient(color-stops(#dddddd 40%, black, #aaaaaa 50%))
 
 .linear-svg-12
   +linear-gradient(color-stops(white, blue 33%, black 67%))
@@ -110,36 +110,36 @@ $experimental-support-for-svg: true
 .radial-svg-1
   // A default radial gradient:
      A centered gradient having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-svg-2
   // A centered gradient having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-svg-3
   // A centered gradient at the top having the shape of the container (aka ellipse)
-  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
 
 .radial-svg-4
   // A centered gradient having a circular shape
-  +radial-gradient(color_stops(#dddddd, #aaaaaa))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa))
 
 .radial-svg-5
   // A centered gradient at the top having a circular shape
-  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))
+  +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
 
 .radial-svg-6
   // A centered circular gradient with color stops
      The color stops must be absolute units
-  +radial-gradient(color_stops(#dddddd 20px, #aaaaaa 50px))
+  +radial-gradient(color-stops(#dddddd 20px, #aaaaaa 50px))
 
 .radial-svg-7
   // A centered elliptical gradient with color stops
      The color stops must be relative units
-  +radial-gradient(color_stops(#dddddd 20%, #aaaaaa 50px))
+  +radial-gradient(color-stops(#dddddd 20%, #aaaaaa 50px))
 
 .alpha-linear-svg
-  +linear-gradient(color_stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
+  +linear-gradient(color-stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
 
 .ie-horizontal-filter
   +filter-gradient(white, black, horizontal)