From: Geoff Kimball <geoff@zurb.com>
Date: Sat, 19 Dec 2015 00:00:57 +0000 (-0800)
Subject: Add collapse classes to flex grid, closes #7310
X-Git-Tag: v6.1.0~19
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=22fc8c1d6716c3f7c0d2fd9d11e02f09fdbe8705;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add collapse classes to flex grid, closes #7310
---

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index ebe241309..81652a5f1 100644
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -105,6 +105,10 @@
     &.expanded {
       max-width: none;
     }
+
+    &.collapse {
+      > .column { @include grid-col-collapse; }
+    }
   }
 
   // Column
@@ -145,6 +149,19 @@
     flex: flex-grid-column(shrink);
   }
 
+  // Responsive collapsing
+  @each $size in $breakpoint-classes {
+    @include breakpoint($size) {
+      &.#{$size}-collapse {
+        > .column { @include grid-col-collapse; }
+      }
+
+      &.#{$size}-uncollapse {
+        > .column { @include grid-col-uncollapse; }
+      }
+    }
+  }
+
   // Auto-stacking/unstacking
   @each $size in $breakpoint-classes {
     @if $size != small {
diff --git a/scss/grid/_gutter.scss b/scss/grid/_gutter.scss
index f8031d06f..e02b90480 100644
--- a/scss/grid/_gutter.scss
+++ b/scss/grid/_gutter.scss
@@ -7,7 +7,7 @@
 ////
 
 /// Collapse the gutters on a column by removing the padding.
-@mixin grid-column-collapse() {
+@mixin grid-column-collapse {
   padding-left: 0;
   padding-right: 0;
 }
@@ -23,12 +23,12 @@
 
 /// Shorthand for `grid-column-collapse()`.
 /// @alias grid-column-collapse
-@mixin grid-col-collapse() {
+@mixin grid-col-collapse {
   @include grid-column-collapse;
 }
 
 /// Shorthand for `grid-column-uncollapse()`.
 /// @alias grid-column-uncollapse
-@mixin grid-col-uncollapse() {
+@mixin grid-col-uncollapse {
   @include grid-column-uncollapse;
 }