Box Shadow SCSS Mixin

@mixin css3-prefix($property, $value) { -webkit-#{$property}: #{$value}; -khtml-#{$property}: #{$value}; -moz-#{$property}: #{$value}; -ms-#{$property}: #{$value}; -o-#{$property}: #{$value}; #{$property}: #{$value}; } @mixin box-shadow($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4), $inset: "") { @if $inset != "" { @include css3-prefix('box-shadow', $inset $x $y $blur $color); } @else if $x == "none" { @include css3-prefix('box-shadow', "none"); } @else { @include css3-prefix('box-shadow', $x $y $blur $color); }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.