example and cleanup for background-size.

doc-src/content/examples/compass/css3/background-clip.haml

@@ -1,6 +1,6 @@
 ---
 title: Background Clip
-description: Background Clip In Action
+description: See background-clip in action.
 framework: compass
 stylesheet: compass/css3/_background_clip.sass
 example: true

doc-src/content/examples/compass/css3/background-origin.haml

@@ -1,6 +1,6 @@
 ---
 title: Background Origin
-description: See background origin in action.
+description: See background-origin in action.
 framework: compass
 stylesheet: compass/css3/_background_origin.sass
 example: true

doc-src/content/examples/compass/css3/background-size.haml

@@ -0,0 +1,8 @@
+---
+title: Background Size
+description: See background-size in action.
+framework: compass
+stylesheet: compass/css3/_background_size.sass
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/css3/background-size/markup.haml

@@ -0,0 +1,11 @@
+.example
+  #auto
+    %code background-size: auto
+  #contain
+    %code background-size: contain
+  #cover
+    %code background-size: cover
+  #percent
+    %code background-size: 50% 50%
+  #absolute
+    %code background-size: 100px 25px

doc-src/content/examples/compass/css3/background-size/stylesheet.sass

@@ -0,0 +1,25 @@
+@import compass/css3
+
+.example
+  padding: 2em
+  div
+    background:
+      image= image-url("examples/css3/bg-origin/bg.png")
+      repeat: no-repeat
+      position: top left
+    border: 10px solid rgba(255, 0, 0, 0.5)
+    color: black
+    +text-shadow(#fff, 1px, 1px, 4px)
+    padding: 1em
+    text-align: center
+    margin-bottom: 2em
+  #auto
+    +background-size("auto")
+  #contain
+    +background-size("contain")
+  #cover
+    +background-size("cover")
+  #percent
+    +background-size("50% 50%")
+  #absolute
+    +background-size("100px 25px")

doc-src/content/reference/compass/css3/background_size.haml

@@ -9,4 +9,4 @@ classnames:
 ---
 - render 'reference' do
   %p
-    This mixin provides . See <a href="http://www.w3.org/TR/css3-background/#the-background-size">CSS3 spec: background-size</a>.
+    This mixin provides cross browser access to the CSS3 <code>background-size</code> attribute using supported vendor prefixes. See <a href="http://www.w3.org/TR/css3-background/#the-background-size">CSS3 spec: background-size</a>.