summaryrefslogtreecommitdiff
path: root/logo-style.scss.php
diff options
context:
space:
mode:
Diffstat (limited to 'logo-style.scss.php')
-rw-r--r--logo-style.scss.php50
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;
+}