diff --git a/doc-src/content/examples/compass/css3/gradient/markup.haml b/doc-src/content/examples/compass/css3/gradient/markup.haml
index 41248093..06d2f545 100644
--- a/doc-src/content/examples/compass/css3/gradient/markup.haml
+++ b/doc-src/content/examples/compass/css3/gradient/markup.haml
@@ -24,11 +24,12 @@
 #v-gradient-2.gradient-example
 
 %p
-  Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top  
+  Same as the first example but with #ccc at the
+  30% from the top, and #bbb at 70% from the top  
 
 #v-gradient-3.gradient-example
 
 %p
-  This yields a horizontal linear gradient spanning from left to right. It can be used just like v-gradient above  
+  This yields a horizontal linear gradient spanning from left to right.
 
 #h-gradient.gradient-example
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
index 39d5ac8f..e1db544d 100644
--- a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
@@ -8,24 +8,24 @@
 
 // This will yield a radial gradient with an apparent specular highlight  
 #radial-gradient
-  +radial-gradient("45 45, 10, 52 50, 30", "Cyan", "DodgerBlue")
+  +radial-gradient(color_stops(#00FFFF 10px, #1E90FF 30px), 45 45)
 
-// This yields a linear gradient spanning from !start to !end coordinates  
+// This yields a linear gradient spanning from the upper left corner to the lower right corner
 #linear-gradient
-  +linear-gradient("left top", "left bottom", #fff, #ddd)
+  +linear-gradient(color_stops(#fff, #ddd), "left top")
 
 // This yields a gradient starting at the top with #fff, ending in #aaa  
 #v-gradient
-  +v-gradient(#fff, #aaa)
+  +linear-gradient(color_stops(#fff, #aaa))
 
 // Same as above but with a #ccc at the halfway point  
 #v-gradient-2
-  +v-gradient(#fff, #aaa, color_stop(50%, #ccc))
+  +linear-gradient(color_stops(#fff, #ccc, #aaa))
 
 // Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top  
 #v-gradient-3
-  +v-gradient(#fff, #aaa, color_stop(30%, #ccc, 70%, #bbb))
+  +linear-gradient(color_stops(#fff, #ccc 30%, #bbb 70%, #aaa))
 
-// This yields a horizontal linear gradient spanning from left to right. It can be used just like v-gradient above  
+// This yields a horizontal linear gradient spanning from left to right.
 #h-gradient
-  +h-gradient(#fff, #ddd)
\ No newline at end of file
+  +linear-gradient(color_stops(#fff, #ddd), "left")