Fix gutter between columns on nested grids

On nested grids, only the outside gutters should be removed, namely the
gutter to the left of the first column and the gutter to the right of
the last column. The gutter between the columns should be present on
nested columns, unless the grid is collapsed.

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index ea81daa2308b2727f726f42159593984c07bcb54..b748f60c1b0e4da4b21f68c02e3709a40fa87f1b 100755 (executable)
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -69,11 +69,17 @@ th.column {
   padding-bottom: $column-padding-bottom;
 
   // Prevents Nested columns from double the padding
-  .column,
-  .columns {
+  .column.first,
+  .columns.first {
     padding-left: 0 !important;
+  }
+  .column.last,
+  .columns.last {
     padding-right: 0 !important;
+  }
 
+  .column,
+  .columns {
     center {
       min-width: none !important;
     }