From 4abe386847926b6fc921558b0b31348067d44af5 Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Fri, 17 Dec 2010 22:49:19 -0600 Subject: [PATCH] removed deprecated text shadows from example files and improved text shadow example and box shadow example markup --- doc-src/Gemfile.lock | 2 +- .../compass/css3/background-clip/stylesheet.sass | 2 +- .../compass/css3/background-origin/stylesheet.sass | 4 ++-- .../compass/css3/background-size/stylesheet.sass | 4 ++-- .../examples/compass/css3/box_shadow/markup.haml | 7 ++++--- .../examples/compass/css3/box_shadow/stylesheet.sass | 12 ++++++++---- .../examples/compass/css3/text_shadow/markup.haml | 11 +++-------- .../compass/css3/text_shadow/stylesheet.sass | 12 +++++++++--- 8 files changed, 30 insertions(+), 24 deletions(-) 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)