removed deprecated text shadows from example files and improved text shadow example and box shadow example markup
This commit is contained in:
parent
30f446daa0
commit
4abe386847
@ -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)
|
||||
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -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)
|
||||
|
@ -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
|
||||
|
@ -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)
|
||||
|
Loading…
Reference in New Issue
Block a user