From: Brett Mason <brettsmason@gmail.com>
Date: Wed, 31 May 2017 18:17:02 +0000 (+0100)
Subject: Add block grid generated styles for margin and padding grid.
X-Git-Tag: v6.4.0-rc1~9^2~18
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=53981ba2a798fd97535cb15e5d3174769d06ae19;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add block grid generated styles for margin and padding grid.
---

diff --git a/scss/zf-grid/_classes.scss b/scss/zf-grid/_classes.scss
index 26c08c015..528e92f24 100644
--- a/scss/zf-grid/_classes.scss
+++ b/scss/zf-grid/_classes.scss
@@ -151,6 +151,29 @@
   }
 }
 
+// Block Grid classes
+@mixin zf-block-grid-classes($margin-grid: true, $padding-grid: true) {
+  @if $margin-grid {
+    @include -zf-each-breakpoint {
+      @for $i from 1 through $block-grid-max {
+        .#{$-zf-size}-margin-up-#{$i} {
+          @include zf-grid-layout($i, '.cell', $gutter-type: margin);
+        }
+      }
+    }
+  }
+
+  @if $padding-grid {
+    @include -zf-each-breakpoint {
+      @for $i from 1 through $block-grid-max {
+        .#{$-zf-size}-padding-up-#{$i} {
+          @include zf-grid-layout($i, '.cell', $gutter-type: padding);
+        }
+      }
+    }
+  }
+}
+
 // Collapse classes
 @mixin zf-collapse-grid-classes($margin-grid: true, $padding-grid: true) {
   @include -zf-each-breakpoint {
@@ -275,6 +298,7 @@
   $base-grid: true,
   $margin-grid: true,
   $padding-grid: true,
+  $block-grid: true,
   $collapse: true,
   $offset: true,
   $vertical-grid: true
@@ -295,6 +319,11 @@
     @include zf-padding-grid-classes();
   }
 
+  // Block grid
+  @if($block-grid) {
+    @include zf-block-grid-classes($margin-grid, $padding-grid);
+  }
+
   // Collapse gutters
   @if($collapse) {
     @include zf-collapse-grid-classes($margin-grid, $padding-grid);
diff --git a/scss/zf-grid/_layout.scss b/scss/zf-grid/_layout.scss
index a4dc3510e..03aac8fa3 100644
--- a/scss/zf-grid/_layout.scss
+++ b/scss/zf-grid/_layout.scss
@@ -23,7 +23,9 @@
   $breakpoint: $-zf-zero-breakpoint,
   $vertical: false
 ) {
+  $size: percentage(1/$n);
+
   & > #{$selector} {
-    @include zf-cell($n, $gutter-type: $gutter-type, $gutter-position: $gutter-position, $vertical: $vertical);
+    @include zf-cell($size, $gutter-type: $gutter-type, $gutter-position: $gutter-position, $vertical: $vertical);
   }
 }
diff --git a/scss/zf-grid/_zf-grid.scss b/scss/zf-grid/_zf-grid.scss
index e06ebcecf..12f6ef397 100644
--- a/scss/zf-grid/_zf-grid.scss
+++ b/scss/zf-grid/_zf-grid.scss
@@ -29,6 +29,10 @@ $grid-margin-gutters: (
 /// @type Map | Length
 $grid-padding-gutters: $grid-margin-gutters !default;
 
+/// The maximum number of cells in a block grid.
+/// @type Number
+$block-grid-max: 8 !default;
+
 @import 'gutters';
 @import 'grid';
 @import 'cell';