Permalink
Browse files

Add gutter width modifiers

  • Loading branch information...
1 parent 94758a7 commit 1d30af04cb54254859e99a658100cbc1eea6c4e9 @csswizardry committed May 15, 2013
Showing with 23 additions and 0 deletions.
  1. +23 −0 csswizardry-grids.scss
View
@@ -325,6 +325,29 @@ $class-type: unquote(".");
}
+/**
+ * Create grids with narrower gutters. Extends `.grid`.
+ */
+#{$class-type}grid--narrow{
+ margin-left:-($gutter / 2);
+
+ > #{$class-type}grid__item{
+ padding-left:$gutter / 2;
+ }
+}
+
+
+/**
+ * Create grids with wider gutters. Extends `.grid`.
+ */
+#{$class-type}grid--wide{
+ margin-left:-($gutter * 2);
+
+ > #{$class-type}grid__item{
+ padding-left:$gutter * 2;
+ }
+}
+

0 comments on commit 1d30af0

Please sign in to comment.