added support for spread and inset

This commit is contained in:
Eric Meyer 2010-07-16 16:11:26 -06:00 committed by Chris Eppstein
parent a2a0d58508
commit 0bcbd2b2fd

View File

@ -17,21 +17,33 @@ $default-box-shadow-v-offset: 1px !default;
// The default blur length. // The default blur length.
$default-box-shadow-blur: 5px !default; $default-box-shadow-blur: 5px !default;
// The default spread length.
$default-box-shadow-spread : 0 !default;
// The default shadow instet: inset or false (for standard shadow).
$default-box-shadow-inset : false !default;
// Provides cross-browser CSS box shadows for Webkit, Gecko, and CSS3. // Provides cross-browser CSS box shadows for Webkit, Gecko, and CSS3.
// Arguments are color, horizontal offset, vertical offset, and blur length. // Arguments are color, horizontal offset, vertical offset, blur length, spread length, and inset.
@mixin box-shadow( @mixin box-shadow(
$color: $default-box-shadow-color, $color : $default-box-shadow-color,
$hoff: $default-box-shadow-h-offset, $hoff : $default-box-shadow-h-offset,
$voff: $default-box-shadow-v-offset, $voff : $default-box-shadow-v-offset,
$blur: $default-box-shadow-blur $blur : $default-box-shadow-blur,
$spread : $default-box-shadow-spread,
$inset : $default-box-shadow-inset
) { ) {
$full : $color $hoff $voff $blur $spread;
@if $inset {
$full: $full $inset;
}
@if $color == none { @if $color == none {
@include experimental(box-shadow, none, @include experimental(box-shadow, none,
-moz, -webkit, -o, not -ms, not -khtml, official -moz, -webkit, -o, not -ms, not -khtml, official
); );
} @else { } @else {
@include experimental(box-shadow, $color $hoff $voff $blur, @include experimental(box-shadow, $full,
-moz, -webkit, -o, not -ms, not -khtml, official -moz, -webkit, -o, not -ms, not -khtml, official
); );
} }