.02, 'xdrop'=>.03, 'ydrop'=>.02, 'steps'=>10, 'color'=>'#0000FF')); $white = css_shadow::draw_border(array('left' =>.04, 'top' =>.04, 'right'=>.03, 'bottom'=>.03, 'xdrop'=>.05, 'ydrop'=>.04, 'steps'=>10, 'color'=>'#FFFFFF')); ?> @mixin transform($arg) { transform: $arg; -webkit-transform: $arg; -khtml-transform: $arg; -moz-transform: $arg; -ms-transform: $arg; -o-transform: $arg; } // We define these as classes, not mixins because @extend'ing them will result in // smaller CSS than @include'ing them. .logo { font-family: Anton, sans-serif; font-style: oblique; font-variant: small-caps; font-weight: normal; color: #FFFF00; @include transform(skewX(-20deg)); .lower { text-transform: none; } text-transform: uppercase; line-height: 1em; } .logo-white { @extend .logo; text-shadow: 0 0 #000000; } .logo-nowhite { @extend .logo; text-shadow: 0 0 #000000; }