_media-object.scss in foundation-rails-6.2.3.0

- old
+ new

@@ -30,11 +30,11 @@
 
 /// Adds styles for sections within a media object.
 /// @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;
     vertical-align: top;
   }
@@ -44,10 +44,14 @@
   }
 
   &:last-child:not(:nth-child(2)) {
     padding-#{$global-left}: $padding;
   }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
 }
 
 /// Adds styles to stack sections of a media object. Apply this to the section elements, not the container.
 @mixin media-object-stack {
   padding: 0;
@@ -74,10 +78,12 @@
       max-width: none;
     }
 
     @if $global-flexbox {
       &.stack-for-#{$-zf-zero-breakpoint} {
-        flex-wrap: wrap;
+        @include breakpoint($-zf-zero-breakpoint only) {
+          flex-wrap: wrap;
+        }
       }
     }
 
     &.stack-for-#{$-zf-zero-breakpoint} .media-object-section {
       @include breakpoint($-zf-zero-breakpoint only) {