_flex-grid.scss in foundation-rails-6.9.0.0

- old
+ new

@@ -76,21 +76,22 @@
 /// @param {Number|Map} $gutters [$grid-column-gutter] - Map or single value for gutters width. See the `grid-column-gutter` mixin.
 @mixin flex-grid-column(
   $columns: expand,
   $gutters: $grid-column-gutter
 ) {
+  // 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: 0;
+  }
+
   // Base properties
   @include flex-grid-size($columns);
 
   // Gutters
   @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: 0;
-  }
 }
 
 /// Creates a block grid for a flex grid row.
 ///
 /// @param {Number} $n - Number of columns to display on each row.
@@ -100,10 +101,10 @@
   $selector: '.column'
 ) {
   flex-wrap: wrap;
 
   > #{$selector} {
-    $pct: percentage(1/$n);
+    $pct: percentage(divide(1, $n));
 
     flex: 0 0 $pct;
     max-width: $pct;
   }
 }