removed deprecated text shadows from example files and improved text shadow example and box shadow example markup

doc-src/Gemfile.lock

@@ -14,7 +14,7 @@ GIT
 PATH
   remote: ..
   specs:
-    compass (0.11.alpha.4.2da5502)
+    compass (0.11.alpha.4.30f446d)
       chunky_png (~> 0.10.3)
       sass (>= 3.1.0.alpha.50)
 

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

@@ -5,7 +5,7 @@
     background-color: blue
     border: 10px solid rgba(255, 0, 0, 0.5)
     color: white
-    +text-shadow(darken(#00f, 50%), 2px, 2px)
+    +text-shadow(darken(#00f, 50%) 2px 2px)
     padding: 3px
     text-align: center
     margin-bottom: 2em

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

@@ -9,7 +9,7 @@
       position: top left
     border: 10px solid rgba(255, 0, 0, 0.5)
     color: white
-    +text-shadow(darken(#00f, 50%), 2px, 2px)
+    +text-shadow(darken(#00f, 50%) 2px 2px)
     padding: 1em
     text-align: center
     margin-bottom: 2em
@@ -18,4 +18,4 @@
   #border-box
     +background-origin(border-box)
   #content-box
-    +background-origin(content-box)
+    +background-origin(content-box)

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

@@ -9,7 +9,7 @@
       position: top left
     border: 10px solid rgba(255, 0, 0, 0.5)
     color: black
-    +text-shadow(#fff, 1px, 1px, 4px)
+    +text-shadow(#fff 1px 1px 4px)
     padding: 1em
     text-align: center
     margin-bottom: 2em
@@ -22,4 +22,4 @@
   #percent
     +background-size(50% 50%)
   #absolute
-    +background-size(100px 25px)
+    +background-size(100px 25px)

doc-src/content/examples/compass/css3/box_shadow/markup.haml

@@ -1,3 +1,4 @@
-#box-shadow-default.box-shadow-example
-
-#box-shadow-custom.box-shadow-example
+.box-shadow-example
+  #box-shadow-default
+  #box-shadow-custom
+  #box-shadow-custom-multiple

doc-src/content/examples/compass/css3/box_shadow/stylesheet.sass

@@ -1,15 +1,19 @@
 @import compass/css3
 
-.box-shadow-example
+.box-shadow-example div
   width: 40px
   height: 40px
   background: #EEE
   margin: 20px
+  float: left
 
-// Default box shadow
+// Default single box shadow
 #box-shadow-default
-  +box-shadow
+  +single-box-shadow
 
 // Box shadow with custom settings
 #box-shadow-custom
-  +box-shadow(red, 2px, 2px, 10px)
+  +box-shadow(red 2px 2px 10px)
+
+#box-shadow-custom-multiple
+  +box-shadow(rgba(blue, .4) 0 0 25px, rgba(green, .2) 0 0 3px 1px inset)

doc-src/content/examples/compass/css3/text_shadow/markup.haml

@@ -1,8 +1,3 @@
-#p
-    this text has no shadow
-
-#p
-    %span(class="has-shadow") this text has a shadow
-
-#p
-    %span(class="has-custom-shadow") this text has a custom shadow
+%div this text has no shadow
+.has-single-shadow this text has a shadow
+.has-custom-shadow this text has a custom shadow

doc-src/content/examples/compass/css3/text_shadow/stylesheet.sass

@@ -1,7 +1,13 @@
+$default-text-shadow-color: rgba(red, .6)
+$default-text-shadow-blur: 3px
+$default-text-shadow-v-offset: 1px
+
 @import compass/css3
 
-.has-shadow
-  +text-shadow
+// Uses defaults set before the import above
+.has-single-shadow
+  +single-text-shadow
 
+// Can output up to ten text shadows
 .has-custom-shadow
-  +text-shadow(red, 3px, 3px, 0)
+  +text-shadow(rgba(blue, .2) 1px 1px 0, rgba(blue, .2) 2px 2px 0, rgba(blue, .2) 3px 3px 0)