From ee7a2e373fabe9f17b051a55f75e57e1230599ad Mon Sep 17 00:00:00 2001 From: Brett Mason Date: Thu, 5 May 2016 15:19:04 +0100 Subject: [PATCH] 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. --- scss/components/_media-object.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) 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; + } } } -- 2.47.2