Merge pull request #4 from jerico/master

Used @extends to prevent duplicated properties on compiled css. per @jerico
KrisHedges · Feb 21, 2014 · c197c29 · c197c29
2 parents a1ed742 + 8c0274d
commit c197c29
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/lib/fluidity/semantic-grid.styl b/lib/fluidity/semantic-grid.styl
@@ -2,15 +2,18 @@ grid-width = 100% unless grid-width is defined
 grid-min-width = 960px unless grid-min-width is defined
 transition-speed = 300ms unless transition-speed is defined
 
-grid(width = grid-width, min-width = grid-min-width)
+$grid
   position relative
-  width width
-  min-width min-width
   margin 0 auto
   overflow hidden
   transform translate3d(0,0,0)
   transition left transition-speed linear
 
+grid(width = grid-width, min-width = grid-min-width)
+  @extends $grid
+  width width
+  min-width min-width
+
 section()
   display block
   position relative
@@ -26,7 +29,7 @@ footer
 section
   section()
 
-space()
+$space
   display block
   position relative
   float left
@@ -36,7 +39,7 @@ space()
   box-sizing border-box
 
 grid-space(width)
-  space()
+  @extends $space
   width width
 
 center-space()