Add gutterless grids

Closes #8
csswizardry · Mar 13, 2013 · c6d17da · c6d17da
1 parent 05d0e51
commit c6d17da
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,3 +4,4 @@
 * **1.2**       Set `.grid__item` to be full-width by default
 * **1.3**       Offer switches for mobile-first and responsiveness
 * **1.4**       Add `.grid--rev` option to reverse grids’ display order
+* **1.5**       Add gutterless grids option
diff --git a/csswizardry-grids.scss b/csswizardry-grids.scss
@@ -113,6 +113,20 @@ $class-type:            unquote(".");
     }
 
 
+/**
+ * Gutterless grids have all the properties of regular grids, minus any spacing.
+ */
+#{$class-type}grid--full{
+    @extend #{$class-type}grid;
+    margin-left:0;
+}
+
+    #{$class-type}grid--full > #{$class-type}grid__item{
+        padding-left:0;
+    }
+
+
+