From 9390e37767e8adf29b7819d4d2b4233c35036c79 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 19 Aug 2015 10:04:02 +0200
Subject: [PATCH] grid tweaks

---
 _src/_assets/styl/grid.styl | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/_src/_assets/styl/grid.styl b/_src/_assets/styl/grid.styl
index ff8c793e..b829421b 100644
--- a/_src/_assets/styl/grid.styl
+++ b/_src/_assets/styl/grid.styl
@@ -36,17 +36,20 @@
 .grid--center
     align-items: center
 
+.grid--justifycenter
+    justify-content: center
+
 
 //
 // Alignment per cell
 //
-.grid_col--top
+.grid__col--top
     align-self: flex-start
 
-.grid_col--bottom
+.grid__col--bottom
     align-self: flex-end
 
-.grid_col--center
+.grid__col--center
     align-self: center
 
 
@@ -59,6 +62,27 @@
     > .grid__col
         padding: $gutter-space 0 0 $gutter-space
 
+@media $breakpoint1
+    .grid-small--gutters
+        margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
+
+        > .grid__col
+            padding: $gutter-space 0 0 $gutter-space
+
+@media $breakpoint2
+    .grid-medium--gutters
+        margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
+
+        > .grid__col
+            padding: $gutter-space 0 0 $gutter-space
+
+@media $breakpoint3
+    .grid-large--gutters
+        margin: -($gutter-space) 0 $gutter-space (-($gutter-space))
+
+        > .grid__col
+            padding: $gutter-space 0 0 $gutter-space
+
 
 //
 // Columns