_flex-grid.scss in foundation-rails-6.4.1.0

- old
+ new

@@ -84,11 +84,11 @@
   @include grid-column-gutter($gutters: $gutters);
 
   // fixes recent Chrome version not limiting child width
   // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome
   @if $columns == expand {
-    min-width: initial;
+    min-width: 0;
   }
   // max-width fixes IE 10/11 not respecting the flex-basis property
   @if $columns != expand and $columns != shrink {
     max-width: grid-column($columns);
   }
@@ -141,12 +141,12 @@
       }
     }
 
     // Expanded row
     &.expanded {
-      @include grid-row-size(expand); 
-      
+      @include grid-row-size(expand);
+
       .row {
         margin-right: auto;
         margin-left: auto;
       }
     }
@@ -188,33 +188,10 @@
     margin-left: 0;
     padding-right: 0;
     padding-left: 0;
   }
 
-
-  .flex-container {
-    @include flex;
-  }
-
-  .flex-child-auto {
-    flex: 1 1 auto;
-  }
-
-  .flex-child-grow {
-    flex: 1 0 auto;
-  }
-
-  .flex-child-shrink {
-    flex: 0 1 auto;
-  }
-
-  @each $dir, $prop in $-zf-flex-direction {
-    .flex-dir-#{$dir} {
-      @include flex-direction($prop);
-    }
-  }
-
   @include -zf-each-breakpoint {
     @for $i from 1 through $grid-column-count {
       // Sizing (percentage)
       .#{$-zf-size}-#{$i} {
         flex: flex-grid-column($i);
@@ -227,17 +204,10 @@
       .#{$-zf-size}-offset-#{$o} {
         @include grid-column-offset($o);
       }
     }
 
-    // Source ordering
-    @for $i from 1 through 6 {
-      .#{$-zf-size}-order-#{$i} {
-        @include flex-order($i);
-      }
-    }
-
     // Block grid
     @for $i from 1 through $block-grid-max {
       .#{$-zf-size}-up-#{$i} {
         @include flex-grid-layout($i);
       }
@@ -247,28 +217,9 @@
       // Sizing (expand)
       @include breakpoint($-zf-size) {
         .#{$-zf-size}-expand {
           flex: flex-grid-column();
         }
-      }
-
-      // direction helper classes
-      @each $dir, $prop in $-zf-flex-direction {
-        .#{$-zf-size}-flex-dir-#{$dir} {
-          @include flex-direction($prop);
-        }
-      }
-      // child helper classes
-      .#{$-zf-size}-flex-child-auto {
-        flex: 1 1 auto;
-      }
-
-      .#{$-zf-size}-flex-child-grow {
-        flex: 1 0 auto;
-      }
-
-      .#{$-zf-size}-flex-child-shrink {
-        flex: 0 1 auto;
       }
 
       // Auto-stacking/unstacking
       @at-root (without: media) {
         .row.#{$-zf-size}-unstack {