Grid fixes: gutter per breakpoint, b6 widths

Author: dariusrosendahl

sass/layout/grid.scss

@@ -164,6 +164,7 @@ $grid-gutter-b5: 12px;
 .b0_show { display: block; }
 
 
+
 // $b1
 @media only screen and (min-width: $b1) {
 
@@ -185,6 +186,14 @@ $grid-gutter-b5: 12px;
 		$width: ($i/12) * 100%;
 	}
 
+	.g {
+		margin-left: -$grid-gutter-b1;
+
+		> * {
+			padding-left: $grid-gutter-b1;
+		}
+	}
+
 	.b1_push_none { margin-left: 0; }
 
 	.b1_hide { display: none; }
@@ -215,6 +224,14 @@ $grid-gutter-b5: 12px;
 		}
 	}
 
+	.g {
+		margin-left: -$grid-gutter-b2;
+		
+		> * {
+			padding-left: $grid-gutter-b2;
+		}
+	}
+
 	.b2_push_none { margin-left: 0; }
 
 	.b2_hide { display: none; }
@@ -243,6 +260,14 @@ $grid-gutter-b5: 12px;
 		}
 	}
 
+	.g {
+		margin-left: -$grid-gutter-b3;
+		
+		> * {
+			padding-left: $grid-gutter-b3;
+		}
+	}
+
 	.b3_x5 { width: 20%; }
 	.b3_x7 { width: 14.28571428571429%; }
 
@@ -272,6 +297,14 @@ $grid-gutter-b5: 12px;
 		}
 	}
 
+	.g {
+		margin-left: -$grid-gutter-b4;
+		
+		> * {
+			padding-left: $grid-gutter-b4;
+		}
+	}
+
 	.b4_x5 { width: 20%; }
 	.b4_x7 { width: 14.28571428571429%; }
 
@@ -302,6 +335,14 @@ $grid-gutter-b5: 12px;
 		}
 	}
 
+	.g {
+		margin-left: -$grid-gutter-b5;
+		
+		> * {
+			padding-left: $grid-gutter-b5;
+		}
+	}
+
 	.b5_x5 { width: 20%; }
 	.b5_x7 { width: 14.28571428571429%; }
 
@@ -330,13 +371,21 @@ $grid-gutter-b5: 12px;
 		}
 	}
 
-	.b5_x5 { width: 20%; }
-	.b5_x7 { width: 14.28571428571429%; }
+	.g {
+		margin-left: -$grid-gutter-b6;
+		
+		> * {
+			padding-left: $grid-gutter-b6;
+		}
+	}
 
-	.b5_push_none { margin-left: 0; }
+	.b6_x5 { width: 20%; }
+	.b6_x7 { width: 14.28571428571429%; }
 
-	.b5_hide { display: none; }
-	.b5_show {
+	.b6_push_none { margin-left: 0; }
+
+	.b6_hide { display: none; }
+	.b6_show {
 		display: block;
 	}
 }