foundation-rails 6.6.2.0 → 6.9.0.0

data/vendor/assets/scss/forms/_text.scss

@@ -52,7 +52,7 @@ $input-border-focus: 1px solid $dark-gray !default;
 
 /// Padding of text inputs.
 /// @type Color
-$input-padding: $form-spacing / 2 !default;
+$input-padding: $form-spacing * 0.5 !default;
 
 /// Box shadow inside text inputs when not focused.
 /// @type Shadow
@@ -124,8 +124,8 @@ $form-button-radius: $global-radius !default;
   // Text inputs
   #{text-inputs()},
   textarea {
-    @include form-element;
     appearance: none;
+    @include form-element;
   }
 
   // Text areas

data/vendor/assets/scss/foundation.scss

@@ -1,6 +1,6 @@
 /**
  * Foundation for Sites
- * Version 6.6.2
+ * Version 6.9.0
  * https://get.foundation
  * Licensed under MIT Open Source
  */

data/vendor/assets/scss/grid/_classes.scss

@@ -101,7 +101,7 @@
     @for $i from 1 through $grid-column-count {
       // Column width
       .#{$-zf-size}-#{$i} {
-        @include grid-col-size($i);
+        @include grid-column-size($i);
       }
 
       // Source ordering

data/vendor/assets/scss/grid/_column.scss

@@ -27,14 +27,15 @@
   $columns: $grid-column-count,
   $gutters: $grid-column-gutter
 ) {
-  @include grid-column-size($columns);
   float: $global-left;
 
+  @include grid-column-size($columns);
+
   // Gutters
   @include grid-column-gutter($gutters: $gutters);
-
   // Position
   @include grid-col-pos(auto);
+
 }
 
 /// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.

data/vendor/assets/scss/grid/_flex-grid.scss

@@ -78,17 +78,18 @@
   $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.
@@ -102,7 +103,7 @@
   flex-wrap: wrap;
 
   > #{$selector} {
-    $pct: percentage(1/$n);
+    $pct: percentage(divide(1, $n));
 
     flex: 0 0 $pct;
     max-width: $pct;

data/vendor/assets/scss/grid/_gutter.scss

@@ -18,7 +18,7 @@
   $gutters: $grid-column-gutter
 ) {
   @include -zf-breakpoint-value($gutter, $gutters) {
-    $padding: rem-calc($-zf-bp-value) / 2;
+    $padding: rem-calc($-zf-bp-value) * 0.5;
 
     padding-right: $padding;
     padding-left: $padding;

data/vendor/assets/scss/grid/_layout.scss

@@ -21,14 +21,14 @@
 ) {
   & > #{$selector} {
     float: $global-left;
-    width: percentage(1/$n);
+    width: percentage(divide(1, $n));
 
     // If a $gutter value is passed
     @if($gutter) {
       // Gutters
       @if type-of($gutter) == 'map' {
         @each $breakpoint, $value in $gutter {
-          $padding: rem-calc($value) / 2;
+          $padding: rem-calc($value) * 0.5;
 
           @include breakpoint($breakpoint) {
             padding-right: $padding;
@@ -37,7 +37,7 @@
         }
       }
       @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
-        $padding: rem-calc($gutter) / 2;
+        $padding: rem-calc($gutter) * 0.5;
         padding-right: $padding;
         padding-left: $padding;
       }
@@ -64,12 +64,12 @@
   @for $i from 1 to $n {
     @if $i == 1 {
       &:nth-child(#{$n}n+1):last-child {
-        margin-left: (100 - 100/$n * $i) / 2 * 1%;
+        margin-left: (100 - divide(100, $n) * $i) * 0.5 * 1%;
       }
     }
     @else {
       &:nth-child(#{$n}n+1):nth-last-child(#{$i}) {
-        margin-left: (100 - 100/$n * $i) / 2 * 1%;
+        margin-left: (100 - divide(100, $n) * $i) * 0.5 * 1%;
       }
     }
   }

data/vendor/assets/scss/grid/_position.scss

@@ -32,7 +32,7 @@
 
   // Push/pull
   @else if type-of($position) == 'number' {
-    $offset: percentage($position / $grid-column-count);
+    $offset: percentage(divide($position, $grid-column-count));
 
     position: relative;
     #{$global-left}: $offset;
@@ -40,12 +40,12 @@
 
   // Center positioning
   @else if $position == center {
+    margin-left: auto;
+    margin-right: auto;
     &, &:last-child:not(:first-child) {
       float: none;
       clear: both;
     }
-    margin-right: auto;
-    margin-left: auto;
   }
 
   @else {
@@ -55,10 +55,10 @@
 
 /// Reset a position definition.
 @mixin grid-column-unposition {
-  @include grid-column-position(auto);
   position: static;
   margin-right: 0;
   margin-left: 0;
+  @include grid-column-position(auto);
 }
 
 /// Offsets a column to the right by `$n` columns.

data/vendor/assets/scss/grid/_row.scss

@@ -80,7 +80,7 @@
 /// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.
 @mixin grid-row-nest($gutters: $grid-column-gutter) {
   @include -zf-each-breakpoint {
-    $margin: rem-calc(-zf-get-bp-val($gutters, $-zf-size)) / 2 * -1;
+    $margin: rem-calc(-zf-get-bp-val($gutters, $-zf-size)) * 0.5 * -1;
 
     margin-right: $margin;
     margin-left: $margin;

data/vendor/assets/scss/motion-ui/util/_animation.scss

@@ -2,6 +2,6 @@
 /// @param {Arglist} $effects... - One or more effect functions to build the keyframe with.
 @mixin mui-animation($args...) {
   $name: map-get(-mui-process-args($args...), name);
-  @include mui-keyframes($name, $args...);
   animation-name: unquote($name);
+  @include mui-keyframes($name, $args...);
 }

data/vendor/assets/scss/motion-ui/util/_series.scss

@@ -42,9 +42,9 @@ $-mui-queue: ();
 
   // Start the animation
   .#{map-get($motion-ui-settings, activate-queue-class)} & {
-    @include mui-animation($kf);
     animation-delay: $actual-delay;
     animation-duration: $duration;
+    @include mui-animation($kf);
   }
 
   // Pause the animation.

data/vendor/assets/scss/motion-ui/util/_unit.scss

@@ -1,7 +1,60 @@
+@use "sass:math";
+
 /// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
 /// @param {Number} $num - Number to strip unit from.
 /// @return {Number} The same number, sans unit.
 /// @access private
+
+/// Divide the given `$divident` by the given `$divisor`.
+///
+/// @param {Number} $divident - The divident.
+/// @param {Number} $divisor - The divisor.
+/// @param {Number} $precision - The precision decimals for the division.
+///
+/// @return {Number} The product of the division.
+@function divide($dividend, $divisor, $precision: 12) {
+  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
+  $dividend: math.abs($dividend);
+  $divisor: math.abs($divisor);
+  @if $dividend == 0 {
+    @return 0;
+  }
+  @if $divisor == 0 {
+    @error 'Cannot divide by 0';
+  }
+  $remainder: $dividend;
+  $result: 0;
+  $factor: 10;
+  @while ($remainder > 0 and $precision >= 0) {
+    $quotient: 0;
+    @while ($remainder >= $divisor) {
+      $remainder: $remainder - $divisor;
+      $quotient: $quotient + 1;
+    }
+    $result: $result * 10 + $quotient;
+    $factor: $factor * 0.1;
+    $remainder: $remainder * 10;
+    $precision: $precision - 1;
+    @if ($precision < 0 and $remainder >= $divisor * 5) {
+      $result: $result + 1;
+    }
+  }
+  $result: $result * $factor * $sign;
+  $dividend-unit: unit($dividend);
+  $divisor-unit: unit($divisor);
+  $unit-map: (
+    'px': 1px,
+    'rem': 1rem,
+    'em': 1em,
+    '%': 1%
+  );
+  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
+    $result: $result * map-get($unit-map, $dividend-unit);
+  }
+
+  @return $result;
+}
+
 @function strip-unit($num) {
-  @return $num / ($num * 0 + 1);
+  @return divide($num, $num * 0 + 1);
 }

data/vendor/assets/scss/prototype/_border-none.scss

@@ -12,7 +12,7 @@ $prototype-border-none-breakpoints: $global-prototype-breakpoints !default;
 
 /// Border none utility
 @mixin border-none {
-  border: none !important;
+  border: 0 !important;
 }
 
 @mixin foundation-prototype-border-none {

data/vendor/assets/scss/prototype/_font-styling.scss

@@ -52,7 +52,7 @@ $prototype-font-bold: $global-weight-bold !default;
 }
 
 @mixin foundation-prototype-font-styling {
-  .font-wide{
+  .font-wide {
     @include font-wide;
   }
 
@@ -73,7 +73,7 @@ $prototype-font-bold: $global-weight-bold !default;
     @each $size in $breakpoint-classes {
       @include breakpoint($size) {
         @if $size != $-zf-zero-breakpoint {
-          .#{$size}-font-wide{
+          .#{$size}-font-wide {
             @include font-wide;
           }
 

data/vendor/assets/scss/prototype/_overflow.scss

@@ -22,18 +22,27 @@ $prototype-overflow: (
 /// @param {String} $overflow [] Overflow classes
 @mixin overflow($overflow) {
   overflow: $overflow !important;
+  @if $overflow == 'scroll' {
+    -webkit-overflow-scrolling: touch;
+  }
 }
 
 /// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
 /// @param {String} $overflow [] Overflow classes (horizontal axis)
 @mixin overflow-x($overflow) {
   overflow-x: $overflow !important;
+  @if $overflow == 'scroll' {
+    -webkit-overflow-scrolling: touch;
+  }
 }
 
 /// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
 /// @param {String} $overflow [] Overflow classes (vertical axis)
 @mixin overflow-y($overflow) {
   overflow-y: $overflow !important;
+  @if $overflow == 'scroll' {
+    -webkit-overflow-scrolling: touch;
+  }
 }
 
 @mixin foundation-prototype-overflow {

data/vendor/assets/scss/prototype/_rotate.scss

@@ -2,6 +2,8 @@
 // https://get.foundation
 // Licensed under MIT Open Source
 
+// sass-lint:disable mixin-name-format
+
 ////
 /// @group prototype-rotate
 ////
@@ -9,23 +11,23 @@
 /// Rotate Mixin: Rotate an element to a certain deg
 /// @param {Number} $deg[] Degree of rotation
 @mixin rotate($deg) {
-	transform:rotate($deg + deg);
+  transform: rotate($deg + deg);
 }
 
 /// RotateX Mixin: Rotate an element to a certain deg on X-Axis
 /// @param {Number} $deg[] Degree of rotation
 @mixin rotateX($deg) {
-	transform:rotateX($deg + deg);
+  transform: rotateX($deg + deg);
 }
 
 /// RotateY Mixin: Rotate an element to a certain deg on Y-Axis
 /// @param {Number} $deg[] Degree of rotation
 @mixin rotateY($deg) {
-	transform:rotateY($deg + deg);
+  transform: rotateY($deg + deg);
 }
 
 /// RotateZ Mixin: Rotate an element to a certain deg on Z-Axis
 /// @param {Number} $deg[] Degree of rotation
 @mixin rotateZ($deg) {
-	transform:rotateZ($deg + deg);
-}
+  transform: rotateZ($deg + deg);
+}

data/vendor/assets/scss/prototype/_separator.scss

@@ -44,7 +44,7 @@ $prototype-separator-margin-top: $global-margin !default;
   $top: $prototype-separator-margin-top
 ) {
   text-align: $align !important;
-	@include clearfix;
+  @include clearfix;
 
   &::after {
     @include position(relative);
@@ -63,9 +63,9 @@ $prototype-separator-margin-top: $global-margin !default;
 }
 
 @mixin foundation-prototype-separator {
-	.separator-center {
-		@include separator(center);
-	}
+  .separator-center {
+    @include separator(center);
+  }
 
   .separator-left {
     @include separator(left);
@@ -75,7 +75,7 @@ $prototype-separator-margin-top: $global-margin !default;
     @include separator(right);
   }
 
-	@if ($prototype-separator-breakpoints) {
+  @if ($prototype-separator-breakpoints) {
     // Loop through Responsive Breakpoints
     @each $size in $breakpoint-classes {
       @include breakpoint($size) {

data/vendor/assets/scss/prototype/_shadow.scss

@@ -12,8 +12,7 @@ $prototype-shadow-breakpoints: $global-prototype-breakpoints !default;
 
 /// Default value for `prototype-box-shadow`
 /// @type Number
-$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
-                       0 2px 10px 0 rgba(0,0,0,.12) !default;
+$prototype-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !default;
 
 /// Shadow Utility: Adds a light box shadow to an element by default.
 /// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component

data/vendor/assets/scss/prototype/_spacing.scss

@@ -68,23 +68,23 @@ $prototype-spacers-count: 3 !default;
 /// @param {String} $dir [] Direction
 /// @param {Number} $spacer [] Spacer
 @mixin margin-direction($dir, $spacer) {
-  @if ($dir == top) { 
-    @include margin($top: $spacer); 
+  @if ($dir == top) {
+    @include margin($top: $spacer);
   }
-  @else if ($dir == right) { 
-    @include margin($right: $spacer); 
+  @else if ($dir == right) {
+    @include margin($right: $spacer);
   }
-  @else if ($dir == bottom) { 
-    @include margin($bottom: $spacer); 
+  @else if ($dir == bottom) {
+    @include margin($bottom: $spacer);
   }
-  @else if ($dir == left) { 
-    @include margin($left: $spacer); 
+  @else if ($dir == left) {
+    @include margin($left: $spacer);
   }
-  @else if ($dir == horizontal) { 
-    @include margin($right: $spacer, $left: $spacer); 
+  @else if ($dir == horizontal) {
+    @include margin($right: $spacer, $left: $spacer);
   }
-  @else if ($dir == vertical) { 
-    @include margin($top: $spacer, $bottom: $spacer); 
+  @else if ($dir == vertical) {
+    @include margin($top: $spacer, $bottom: $spacer);
   }
 }
 
@@ -92,36 +92,36 @@ $prototype-spacers-count: 3 !default;
 /// @param {String} $dir [] Direction
 /// @param {Number} $spacer [] Spacer
 @mixin padding-direction($dir, $spacer) {
-  @if ($dir == top) { 
-    @include padding($top: $spacer); 
+  @if ($dir == top) {
+    @include padding($top: $spacer);
   }
-  @else if ($dir == right) { 
-    @include padding($right: $spacer); 
+  @else if ($dir == right) {
+    @include padding($right: $spacer);
   }
-  @else if ($dir == bottom) { 
-    @include padding($bottom: $spacer); 
+  @else if ($dir == bottom) {
+    @include padding($bottom: $spacer);
   }
-  @else if ($dir == left) { 
-    @include padding($left: $spacer); 
+  @else if ($dir == left) {
+    @include padding($left: $spacer);
   }
-  @else if ($dir == horizontal) { 
-    @include padding($right: $spacer, $left: $spacer); 
+  @else if ($dir == horizontal) {
+    @include padding($right: $spacer, $left: $spacer);
   }
-  @else if ($dir == vertical) { 
-    @include padding($top: $spacer, $bottom: $spacer); 
+  @else if ($dir == vertical) {
+    @include padding($top: $spacer, $bottom: $spacer);
   }
 }
 
 @mixin foundation-prototype-spacing {
   @for $spacer from 0 through $prototype-spacers-count {
-    
+
     @each $prop in (margin, padding) {
       // All Sides
       .#{$prop}-#{$spacer} {
-        @if ($prop == margin) { 
+        @if ($prop == margin) {
           margin: $spacer * $global-margin !important;
         }
-        @else if ($prop == padding) { 
+        @else if ($prop == padding) {
           padding: $spacer * $global-padding !important;
         }
       }
@@ -129,7 +129,7 @@ $prototype-spacers-count: 3 !default;
       @each $dir in (top, right, bottom, left, horizontal, vertical) {
         // Top Side
         .#{$prop}-#{$dir}-#{$spacer} {
-          @if ($prop == margin) { 
+          @if ($prop == margin) {
             @include margin-direction($dir, $spacer);
           }
           @else if ($prop == padding) {
@@ -142,7 +142,7 @@ $prototype-spacers-count: 3 !default;
 
   @if ($prototype-spacing-breakpoints) {
     @for $spacer from 0 through $prototype-spacers-count {
-    // Loop through Responsive Breakpoints
+      // Loop through Responsive Breakpoints
       @each $size in $breakpoint-classes {
         @include breakpoint($size) {
           @if $size != $-zf-zero-breakpoint {
@@ -150,10 +150,10 @@ $prototype-spacers-count: 3 !default;
               @each $prop in (margin, padding) {
                 // All Sides
                 &-#{$prop}-#{$spacer} {
-                  @if ($prop == margin) { 
+                  @if ($prop == margin) {
                     margin: $spacer * $global-margin !important;
                   }
-                  @else if ($prop == padding) { 
+                  @else if ($prop == padding) {
                     padding: $spacer * $global-padding !important;
                   }
                 }
@@ -161,10 +161,10 @@ $prototype-spacers-count: 3 !default;
                 @each $dir in (top, right, bottom, left, horizontal, vertical) {
                   // Top Side
                   &-#{$prop}-#{$dir}-#{$spacer} {
-                    @if ($prop == margin) { 
+                    @if ($prop == margin) {
                       @include margin-direction($dir, $spacer);
                     }
-                    @else if ($prop == padding) { 
+                    @else if ($prop == padding) {
                       @include padding-direction($dir, $spacer);
                     }
                   }

data/vendor/assets/scss/prototype/_text-transformation.scss

@@ -33,13 +33,13 @@ $prototype-text-transformation: (
 
   @if ($prototype-transformation-breakpoints) {
     // Loop through Responsive Breakpoints
-  	@each $size in $breakpoint-classes {
+    @each $size in $breakpoint-classes {
       @include breakpoint($size) {
         @each $transformation in $prototype-text-transformation {
           @if $size != $-zf-zero-breakpoint {
             .#{$size}-text-#{$transformation} {
-  			      @include text-transform($transformation);
-  			    }
+              @include text-transform($transformation);
+            }
           }
         }
       }