From: Brett Mason <brettsmason@gmail.com>
Date: Mon, 29 May 2017 07:50:16 +0000 (+0100)
Subject: Rework vertical grid to be less specific and cleaner (hopefully!)
X-Git-Tag: v6.4.0-rc1~9^2~38
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9486a22bb4fbbd3dfb090977cc3739d942d56328;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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

diff --git a/scss/zf-grid/_classes.scss b/scss/zf-grid/_classes.scss
index 9c8b1162a..2d6e843e6 100644
--- 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);
         }
 
-        > .#{$-zf-size}-auto {
+        @at-root .#{$-zf-size}-vertical-auto {
           @include zf-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
         }
 
-        > .#{$-zf-size}-shrink {
+        @at-root .#{$-zf-size}-vertical-shrink {
           @include zf-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
         }
       }
@@ -189,9 +189,31 @@
         @include zf-gutters($gutters: $grid-padding-gutters, $gutter-type: padding, $gutter-position: top bottom);
       }
     }
-  }
 
-  @include zf-margin-grid-classes(top bottom, true, '.grid-vertical.margin-gutters')
+    &.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);
+          }
+        }
+      }
+    }
+  }
 }
 
 // Final classes