diff --git a/doc-src/Gemfile.lock b/doc-src/Gemfile.lock index f40a0793..5c41f8e5 100644 --- a/doc-src/Gemfile.lock +++ b/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) diff --git a/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass b/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass index 97c84ea6..66148f60 100644 --- a/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass +++ b/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 diff --git a/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass b/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass index 27f90acb..73eacc41 100644 --- a/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass +++ b/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) \ No newline at end of file + +background-origin(content-box) diff --git a/doc-src/content/examples/compass/css3/background-size/stylesheet.sass b/doc-src/content/examples/compass/css3/background-size/stylesheet.sass index acee1745..983dd108 100644 --- a/doc-src/content/examples/compass/css3/background-size/stylesheet.sass +++ b/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) \ No newline at end of file + +background-size(100px 25px) diff --git a/doc-src/content/examples/compass/css3/box_shadow/markup.haml b/doc-src/content/examples/compass/css3/box_shadow/markup.haml index 9ea50518..eff664bc 100644 --- a/doc-src/content/examples/compass/css3/box_shadow/markup.haml +++ b/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 \ No newline at end of file +.box-shadow-example + #box-shadow-default + #box-shadow-custom + #box-shadow-custom-multiple diff --git a/doc-src/content/examples/compass/css3/box_shadow/stylesheet.sass b/doc-src/content/examples/compass/css3/box_shadow/stylesheet.sass index 6edab9f5..ba0d955d 100644 --- a/doc-src/content/examples/compass/css3/box_shadow/stylesheet.sass +++ b/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) \ No newline at end of file + +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) diff --git a/doc-src/content/examples/compass/css3/text_shadow/markup.haml b/doc-src/content/examples/compass/css3/text_shadow/markup.haml index afd6fdbb..27434f29 100644 --- a/doc-src/content/examples/compass/css3/text_shadow/markup.haml +++ b/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 \ No newline at end of file +%div this text has no shadow +.has-single-shadow this text has a shadow +.has-custom-shadow this text has a custom shadow diff --git a/doc-src/content/examples/compass/css3/text_shadow/stylesheet.sass b/doc-src/content/examples/compass/css3/text_shadow/stylesheet.sass index dec2707c..40791675 100644 --- a/doc-src/content/examples/compass/css3/text_shadow/stylesheet.sass +++ b/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) \ No newline at end of file + +text-shadow(rgba(blue, .2) 1px 1px 0, rgba(blue, .2) 2px 2px 0, rgba(blue, .2) 3px 3px 0)