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

May 2024
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
2728293031