frameworks/compass/stylesheets/compass/css3/_text-shadow.scss in compass-0.11.alpha.0 vs frameworks/compass/stylesheets/compass/css3/_text-shadow.scss in compass-0.11.alpha.1

- old
+ new

@@ -2,16 +2,51 @@ // These defaults make the arguments optional for this mixin // If you like, set different defaults in your project $default-text-shadow-color: #aaa !default; -$default-text-shadow-h-offset: 1px !default; -$default-text-shadow-v-offset: 1px !default; +$default-text-shadow-h-offset: 0px !default; +$default-text-shadow-v-offset: 0px !default; $default-text-shadow-blur: 1px !default; -// Provides CSS text shadows. -// Arguments are color, horizontal offset, vertical offset, and blur +// Provides cross-browser text shadows when one or more shadows are needed. @mixin text-shadow( + $shadow-1 : default, + $shadow-2 : false, + $shadow-3 : false, + $shadow-4 : false, + $shadow-5 : false, + $shadow-6 : false, + $shadow-7 : false, + $shadow-8 : false, + $shadow-9 : false, + $shadow-10: false +) { + // This has to be on a single line due to a bug in the scss parser: https://github.com/nex3/sass/issues/issue/26 + $legacy: type-of($shadow-1) == color and type-of(if($shadow-2, $shadow-2, 0)) == number and type-of(if($shadow-3, $shadow-3, 0)) == number and type-of(if($shadow-4, $shadow-4, 0)) == number and ($shadow-2 or $shadow-3 or $shadow-4) and not($shadow-5 or $shadow-6 or $shadow-7 or $shadow-8 or $shadow-9 or $shadow-10); + @if $legacy { + @warn "Passing separate arguments for a single shadow to text-shadow is deprecated. " + + "Pass the values as a single space-separated list, or use the single-text-shadow mixin. " + + "See http://beta.compass-style.org/help/tutorials/upgrading/antares/ for more info."; + @include single-text-shadow( + $shadow-1, + if($shadow-2, $shadow-2, $default-text-shadow-h-offset), + if($shadow-3, $shadow-3, $default-text-shadow-v-offset), + if($shadow-4, $shadow-4, $default-text-shadow-blur) + ); + } @else { + @if $shadow-1 == default { + $shadow-1: $default-text-shadow-color $default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur; + } + text-shadow: compact($shadow-1, $shadow-2, $shadow-3, + $shadow-4, $shadow-5, $shadow-6, + $shadow-7, $shadow-8, $shadow-9, $shadow-10); + } +} + +// Provides a single cross-browser CSS text shadow. +// Includes default arguments for color, horizontal offset, vertical offset, and blur +@mixin single-text-shadow( $color: $default-text-shadow-color, $hoff: $default-text-shadow-h-offset, $voff: $default-text-shadow-v-offset, $blur: $default-text-shadow-blur ) {