From 78669b39968ef5ac096c24c95db2efec28a8df8c Mon Sep 17 00:00:00 2001
From: Luke Shumaker <LukeShu@sbcglobal.net>
Date: Sun, 25 Sep 2011 16:18:51 -0400
Subject: have logo-style use class definitions, then @extend them, instead of
 @include, it results in smaller CSS.

---
 logo-style.scss.php | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'logo-style.scss.php')

diff --git a/logo-style.scss.php b/logo-style.scss.php
index 1c9c062..7c3f6da 100644
--- a/logo-style.scss.php
+++ b/logo-style.scss.php
@@ -14,7 +14,7 @@ $white = css_shadow::draw_border(array('left' =>.04, 'top'   =>.04,
                                        'steps'=>10,
                                        'color'=>'#FFFFFF'));
 ?>
-@import 'http://fonts.googleapis.com/css?family=Anton';
+@import url('http://fonts.googleapis.com/css?family=Anton');
 
 @mixin transform($arg) {
 	        transform: $arg;
@@ -25,7 +25,10 @@ $white = css_shadow::draw_border(array('left' =>.04, 'top'   =>.04,
 	     -o-transform: $arg;
 }
 
-@mixin logo {
+// 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;
@@ -38,12 +41,11 @@ $white = css_shadow::draw_border(array('left' =>.04, 'top'   =>.04,
 	text-transform: uppercase;
 	line-height: 1em;
 }
-@mixin logo-white {
-	@include logo;
+.logo-white {
+	@extend .logo;
 	text-shadow: <?php echo "\n$blue$white"; ?>	0 0 #000000;
 }
-
-@mixin logo-nowhite {
-	@include logo;
+.logo-nowhite {
+	@extend .logo;
 	text-shadow: <?php echo "\n$blue"; ?>	0 0 #000000;
 }
-- 
cgit v1.2.3