diff options
Diffstat (limited to 'logo-style.scss.php')
-rw-r--r-- | logo-style.scss.php | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/logo-style.scss.php b/logo-style.scss.php new file mode 100644 index 0000000..041a6ca --- /dev/null +++ b/logo-style.scss.php @@ -0,0 +1,50 @@ +<?php +require_once('css_shadow.php'); + +$blue = css_shadow::draw_border(array('width'=>.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: <?php echo "\n$blue$white"; ?> 0 0 #000000; +} +.logo-nowhite { + @extend .logo; + text-shadow: <?php echo "\n$blue"; ?> 0 0 #000000; +} |