From: Brett Mason <brettsmason@users.noreply.github.com>
Date: Thu, 5 May 2016 14:19:04 +0000 (+0100)
Subject: Media object flexbox fixes
X-Git-Tag: v6.2.2-rc1~18^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ee7a2e373fabe9f17b051a55f75e57e1230599ad;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Media object flexbox fixes

Update `media-object-section` flex property, and wrap `stack-for-small` in zero breakpoint so it doesn't get applied to all breakpoints.
---

diff --git a/scss/components/_media-object.scss b/scss/components/_media-object.scss
index 54d456d18..ccbb1fc0a 100644
--- a/scss/components/_media-object.scss
+++ b/scss/components/_media-object.scss
@@ -32,7 +32,7 @@ $mediaobject-image-width-stacked: 100% !default;
 /// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.
 @mixin media-object-section($padding: $mediaobject-section-padding) {
   @if $global-flexbox {
-    flex: 0 0 auto;
+    flex: 0 1 auto;
   }
   @else {
     display: table-cell;
@@ -80,7 +80,9 @@ $mediaobject-image-width-stacked: 100% !default;
 
     @if $global-flexbox {
       &.stack-for-#{$-zf-zero-breakpoint} {
-        flex-wrap: wrap;
+        @include breakpoint($-zf-zero-breakpoint only) {
+          flex-wrap: wrap;
+        }
       }
     }