Revert "Rework vertical grid to be less specific and cleaner (hopefully!)"

This reverts commit 9486a22bb4fbbd3dfb090977cc3739d942d56328.

diff --git a/scss/zf-grid/_classes.scss b/scss/zf-grid/_classes.scss
index 2d6e843e64153b4f3a933c7e00ab307139548d83..9c8b1162ab228017a41c08db2901be18d082c4e9 100644 (file)
--- a/scss/zf-grid/_classes.scss
+++ b/scss/zf-grid/_classes.scss
@@ -152,7 +152,7 @@
     @include zf-grid(vertical);
 
     > .cell {
-      @include zf-cell-reset();
+      @include zf-cell-reset()
     }
 
     @include -zf-each-breakpoint() {
@@ -161,11 +161,11 @@
           @include zf-cell-static($breakpoint: $-zf-size, $vertical: true);
         }
 
-        @at-root .#{$-zf-size}-vertical-auto {
+        > .#{$-zf-size}-auto {
           @include zf-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
         }
 
-        @at-root .#{$-zf-size}-vertical-shrink {
+        > .#{$-zf-size}-shrink {
           @include zf-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
         }
       }
@@ -189,31 +189,9 @@
         @include zf-gutters($gutters: $grid-padding-gutters, $gutter-type: padding, $gutter-position: top bottom);
       }
     }
-
-    &.margin-gutters {
-      @include zf-gutters($negative: true, $gutter-position: top bottom);
-
-      // Base cell styles
-      > .cell {
-        @include zf-cell-static($vertical: true);
-      }
-
-      // Auto width
-      @include -zf-each-breakpoint() {
-        @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
-          > .cell {
-            @include zf-cell-static($breakpoint: $-zf-size, $vertical: true);
-          }
-        }
-
-        @for $i from 1 through $grid-columns {
-          @at-root .margin-gutters > .#{$-zf-size}-vertical-#{$i} {
-            @include zf-cell-static($i, false, $breakpoint: $-zf-size, $vertical: true);
-          }
-        }
-      }
-    }
   }
+
+  @include zf-margin-grid-classes(top bottom, true, '.grid-vertical.margin-gutters')
 }
 
 // Final classes