Shadow mixin

Posted on

in

,

@mixin shadow ($x,$y,$blurDistance,$size,$color,$word:””){
   -moz-box-shadow:    $x $y $blurDistance $size $color unquote($word);
   -webkit-box-shadow: $x $y $blurDistance $size $color unquote($word);
   box-shadow:         $x $y $blurDistance $size $color unquote($word);
}

Simple stuff. The interesting bit is the unquote bit since an empty default variable doesn’t work.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

April 2024
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930