foundation-rails 6.6.1.0 → 6.9.0.0

data/vendor/assets/scss/util/_mixins.scss

@@ -1,11 +1,16 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
 /// @group functions
 ////
 
+@use "sass:color";
+
+// Patch to fix issue #12080
+$-zf-bp-value: null;
+
 /// Creates an inner box-shadow for only one side
 ///
 /// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.
@@ -44,28 +49,25 @@
   width: 0;
   height: 0;
 
-  border: inset $triangle-size;
+  border-style: solid;
+  border-width: $triangle-size;
 
   content: '';
 
   @if ($triangle-direction == down) {
     border-bottom-width: 0;
-    border-top-style: solid;
     border-color: $triangle-color transparent transparent;
   }
   @if ($triangle-direction == up) {
     border-top-width: 0;
-    border-bottom-style: solid;
     border-color: transparent transparent $triangle-color;
   }
   @if ($triangle-direction == right) {
     border-right-width: 0;
-    border-left-style: solid;
     border-color: transparent transparent transparent $triangle-color;
   }
   @if ($triangle-direction == left) {
     border-left-width: 0;
-    border-right-style: solid;
     border-color: transparent $triangle-color transparent transparent;
   }
 }
@@ -91,7 +93,7 @@
   $hover-shadow: ();
 
   // Spacing between bars is calculated based on the total height of the icon and the weight of each bar
-  $spacing: ($height - ($weight * $bars)) / ($bars - 1);
+  $spacing: divide($height - ($weight * $bars), $bars - 1);
 
   @if unit($spacing) == 'px' {
     $spacing: floor($spacing);
@@ -146,12 +148,15 @@
 ///
 /// @param {Color} $color [$black] - Color to use for the triangle.
 @mixin background-triangle($color: $black) {
-  $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';
+  $red   : round(color.channel($color, "red", $space: rgb));
+  $green : round(color.channel($color, "green", $space: rgb));
+  $blue  : round(color.channel($color, "blue", $space: rgb));
+  $rgb   : 'rgb%28#{$red}, #{$green}, #{$blue}%29';
 
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #{$rgb}"></polygon></svg>');
 
-  @media screen and (min-width:0\0) {
-    @if lightness($color) < 60% {
+  @media screen and (min-width: 0\0) {
+    @if color.channel($color, "lightness", $space: hsl) < 60% {
       // White triangle
       background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
     }
@@ -192,7 +197,7 @@
   @for $i from 2 through $max {
     &:nth-last-child(#{$i}):first-child,
     &:nth-last-child(#{$i}):first-child ~ #{$elem} {
-      width: percentage(1 / $i);
+      width: percentage(divide(1, $i));
     }
   }
 }
@@ -219,7 +224,7 @@
   height: 1px #{$important};
   padding: 0 #{$important};
   overflow: hidden #{$important};
-  clip: rect(0,0,0,0) #{$important};
+  clip: rect(0, 0, 0, 0) #{$important};
   white-space: nowrap #{$important};
   border: 0 #{$important};
 }
@@ -323,8 +328,7 @@
     }
     $-zf-size: $bp !global;
 
-    @if ($media-queries == true
-      or ($media-queries == 'for-lists' and $-breakpoints-is-a-list)) {
+    @if ($media-queries == true or ($media-queries == 'for-lists' and $-breakpoints-is-a-list)) {
       @include breakpoint($bp) {
         @content;
       }

data/vendor/assets/scss/util/_selector.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -13,21 +13,7 @@
 @function text-inputs($types: (), $modifier: '') {
   $return: ();
 
-  $all-types:
-    text
-    password
-    date
-    datetime
-    datetime-local
-    month
-    week
-    email
-    number
-    search
-    tel
-    time
-    url
-    color;
+  $all-types: text password date datetime datetime-local month week email number search tel time url color;
 
   @if not has-value($types) {
     $types: $all-types;

data/vendor/assets/scss/util/_typography.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -7,12 +7,12 @@
 ////
 
 $-zf-font-stack: (
-  'georgia': (Georgia, "URW Bookman L", serif),
-  'helvetica': (Helvetica, Arial, "Nimbus Sans L", sans-serif),
-  'lucida-grande': ("Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif),
-  'monospace': ("Courier New", Courier, "Nimbus Sans L", monospace),
-  'system': (-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif),
-  'verdana': (Verdana, Geneva, "DejaVu Sans", sans-serif),
+  'georgia': (Georgia, 'URW Bookman L', serif),
+  'helvetica': (Helvetica, Arial, 'Nimbus Sans L', sans-serif),
+  'lucida-grande': ('Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', sans-serif),
+  'monospace': ('Courier New', Courier, 'Nimbus Sans L', monospace),
+  'system': (-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif),
+  'verdana': (Verdana, Geneva, 'DejaVu Sans', sans-serif),
 );
 
 /// Return a font stack list from a map. Equivalent to `map-safe-get($name, $-zf-font-stack)`.

data/vendor/assets/scss/util/_unit.scss

@@ -1,7 +1,11 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
+@import 'math';
+
+$unit-warnings: true !default;
+
 ////
 /// @group functions
 ////
@@ -14,7 +18,7 @@ $global-font-size: 100% !default;
 ///
 /// @returns {Number} The same number, sans unit.
 @function strip-unit($num) {
-  @return $num / ($num * 0 + 1);
+  @return divide($num, $num * 0 + 1);
 }
 
 /// Converts one or more pixel values into matching rem values.
@@ -35,7 +39,7 @@ $global-font-size: 100% !default;
   // If the base font size is a %, then multiply it by 16px
   // This is because 100% font size = 16px in most all browsers
   @if unit($base) == '%' {
-    $base: ($base / 100%) * 16px;
+    $base: divide($base, 100%) * 16px;
   }
 
   // Using rem as base allows correct scaling
@@ -75,7 +79,9 @@ $global-font-size: 100% !default;
 @function -zf-to-rem($value, $base: null) {
   // Check if the value is a number
   @if type-of($value) != 'number' {
-    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+    @if $unit-warnings {
+      @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+    }
     @return $value;
   }
 
@@ -86,7 +92,7 @@ $global-font-size: 100% !default;
 
   // Calculate rem if units for $value is not rem or em
   @if unit($value) != 'rem' {
-    $value: strip-unit($value) / strip-unit($base) * 1rem;
+    $value: divide(strip-unit($value), strip-unit($base)) * 1rem;
   }
 
   // Turn 0rem into 0
@@ -114,7 +120,7 @@ $global-font-size: 100% !default;
 
   // If the base font size is a %, then multiply it by 16px
   @if unit($base) == '%' {
-    $base: ($base / 100%) * 16px;
+    $base: divide($base, 100%) * 16px;
   }
 
   @if unit($base) == 'rem' {
@@ -127,7 +133,7 @@ $global-font-size: 100% !default;
 
   // Now let's convert our value to pixels too
   @if unit($value) == '%' {
-    $value: ($value / 100%) * $base;
+    $value: divide($value, 100%) * $base;
   }
 
   @if unit($value) == 'rem' {
@@ -140,12 +146,12 @@ $global-font-size: 100% !default;
 
   // 'px'
   @if unit($value) == 'px' {
-    @return strip-unit($value) / strip-unit($base);
+    @return divide(strip-unit($value), strip-unit($base));
   }
 
   // assume that line-heights greater than 10 are meant to be absolute in 'px'
   @if unitless($value) and ($value > 10) {
-    @return $value / strip-unit($base);
+    @return divide($value, strip-unit($base));
   }
 
   @return $value;

data/vendor/assets/scss/util/_util.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 @import 'math';

data/vendor/assets/scss/util/_value.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -37,28 +37,13 @@
     @return $val;
   }
   @if $length == 2 {
-    @return map-get((
-      top: nth($val, 1),
-      bottom: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-    ), $side);
+    @return map-get((top: nth($val, 1), bottom: nth($val, 1), left: nth($val, 2), right: nth($val, 2), ), $side);
   }
   @if $length == 3 {
-    @return map-get((
-      top: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-    ), $side);
+    @return map-get((top: nth($val, 1), left: nth($val, 2), right: nth($val, 2), bottom: nth($val, 3), ), $side);
   }
   @if $length == 4 {
-    @return map-get((
-      top: nth($val, 1),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-      left: nth($val, 4),
-    ), $side);
+    @return map-get((top: nth($val, 1), right: nth($val, 2), bottom: nth($val, 3), left: nth($val, 4), ), $side);
   }
 }
 

data/vendor/assets/scss/vendor/normalize.scss

@@ -1,3 +1,5 @@
+// sass-lint:disable no-vendor-prefixes
+
 @mixin foundation-normalize() {
   /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 
@@ -62,8 +64,7 @@
   // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 
   abbr[title] {
-    border-bottom: none; // 1
-    text-decoration: underline; // 2
+    border-bottom: 0; // 1
     text-decoration: underline dotted; // 2
   }
 
@@ -278,4 +279,20 @@
   [hidden] {
     display: none;
   }
+
+  // Disable outline when intent is clearly mouse and touch
+  [data-whatintent="mouse"],
+  [data-whatintent="touch"],
+  [data-whatinput="mouse"],
+  [data-whatinput="touch"] {
+    *, *:focus {
+      outline: none;
+    }
+  }
+
+  // Disable iOS callouts when draggable is false
+  [draggable=false] {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+  }
 }

data/vendor/assets/scss/xy-grid/_cell.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -13,7 +13,7 @@
 /// @returns {List} The cell flex property value.
 @function xy-cell-base($size: full) {
   @if ($size == 'auto') {
-    @return 1 1 0px;
+    @return 1 1 0;
   }
   @else if ($size == 'grow') {
     @return 1 0 auto;
@@ -100,7 +100,12 @@
     $responsive-css-sizes: ();
 
     @each $bp, $mg in $margin-gutter {
-      $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($mg)}));
+      $mgc: rem-calc($mg);
+      @if $mgc == 0 {
+        // sass-lint:disable zero-unit
+        $mgc: 0rem;
+      }
+      $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{$mg}));
       $responsive-css-sizes: map-merge($responsive-css-sizes, ($bp: $size-css));
     }
 
@@ -108,7 +113,13 @@
   }
   // Otherwise, return a single CSS size.
   @else {
-    $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($margin-gutter)}));
+    // Make sure that 0 is translated in 0rem for calc()
+    $mgc: rem-calc($margin-gutter);
+    @if $mgc == 0 {
+      // sass-lint:disable zero-unit
+      $mgc: 0rem;
+    }
+    $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{$mgc}));
     @return $css-size;
   }
 }
@@ -123,8 +134,8 @@
 
   // Set base styles for "full" only
   @if($size == 'full') {
-    min-height: 0px;
-    min-width: 0px;
+    min-height: 0;
+    min-width: 0;
   }
 }
 

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

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -52,13 +52,13 @@
   // Auto width
   @include -zf-each-breakpoint() {
     // This is a bit of a hack/workaround, see these issues & PRs for the backstory:
-    // https://github.com/zurb/foundation-sites/issues/10244
-    // https://github.com/zurb/foundation-sites/pull/10222 and
-    // https://github.com/zurb/foundation-sites/pull/10164
+    // https://github.com/foundation/foundation-sites/issues/10244
+    // https://github.com/foundation/foundation-sites/pull/10222 and
+    // https://github.com/foundation/foundation-sites/pull/10164
     .grid-x {
       $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
       @for $i from 1 through $grid-columns {
-        $str: $str + ", > .#{$-zf-size}-#{$i}"
+        $str: $str + ", > .#{$-zf-size}-#{$i}";
       }
       #{$str} {
         flex-basis: auto;
@@ -266,10 +266,10 @@
   $padding-grid: true
 ) {
 
-  @include -zf-each-breakpoint() {
-    @if not($-zf-size == $-zf-zero-breakpoint) {
-    }
-  }
+  // @include -zf-each-breakpoint() {
+  //   @if not($-zf-size == $-zf-zero-breakpoint) {
+  //   }
+  // }
 
   .grid-y {
     @include xy-grid(vertical, false);
@@ -290,12 +290,12 @@
 
     @include -zf-each-breakpoint() {
       // This is a bit of a hack/workaround, see these issues and PRs for the backstory:
-      // https://github.com/zurb/foundation-sites/issues/10244
-      // https://github.com/zurb/foundation-sites/pull/10222 and
-      // https://github.com/zurb/foundation-sites/pull/10164
+      // https://github.com/foundation/foundation-sites/issues/10244
+      // https://github.com/foundation/foundation-sites/pull/10222 and
+      // https://github.com/foundation/foundation-sites/pull/10164
       $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
       @for $i from 1 through $grid-columns {
-        $str: $str + ", > .#{$-zf-size}-#{$i}"
+        $str: $str + ", > .#{$-zf-size}-#{$i}";
       }
       #{$str} {
         flex-basis: auto;
@@ -404,14 +404,14 @@
   @if $vertical-grid {
     .grid-y {
       &.grid-frame {
-        width: auto;
         @include xy-grid-frame(true);
+        width: auto;
       }
 
       @include -zf-each-breakpoint(false) {
         &.#{$-zf-size}-grid-frame {
-          width: auto;
           @include xy-grid-frame(true);
+          width: auto;
         }
 
       }

data/vendor/assets/scss/xy-grid/_collapse.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////

data/vendor/assets/scss/xy-grid/_frame.scss

@@ -1,3 +1,5 @@
+// sass-lint:disable no-vendor-prefixes
+
 /// Modifies a grid to give it "frame" behavior (no overflow, no wrap, stretch behavior)
 ///
 /// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
@@ -33,10 +35,20 @@
       @if $vertical == true {
         $unit: if($nested == true, 100%, 100vh);
         $gutter: rem-calc($gutter);
+        // Make sure that 0 is translated in 0rem for calc()
+        @if $gutter == 0 {
+          // sass-lint:disable zero-unit
+          $gutter: 0rem;
+        }
         height: calc(#{$unit} + #{$gutter});
       } @else {
         $unit: if($nested == true, 100%, 100vw);
         $gutter: rem-calc($gutter);
+        // Make sure that 0 is translated in 0rem for calc()
+        @if $gutter == 0 {
+          // sass-lint:disable zero-unit
+          $gutter: 0rem;
+        }
         width: calc(#{$unit} + #{$gutter});
       }
     }

data/vendor/assets/scss/xy-grid/_grid.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -14,11 +14,11 @@
   $width: $grid-container,
   $padding: $grid-container-padding
 ) {
-  @include xy-gutters($gutters: $padding, $gutter-type: padding);
-
   max-width: $width;
   margin-left: auto;
   margin-right: auto;
+
+  @include xy-gutters($gutters: $padding, $gutter-type: padding);
 }
 
 /// Creates a container for your flex cells.

data/vendor/assets/scss/xy-grid/_gutters.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -26,7 +26,7 @@
   // Output our margin gutters.
   @if (type-of($gutters) == 'map') {
     @include -zf-breakpoint-value(auto, $gutters) {
-      $gutter: rem-calc($-zf-bp-value) / 2;
+      $gutter: rem-calc($-zf-bp-value) * 0.5;
 
       // Loop through each gutter position
       @each $value in $gutter-position {
@@ -35,7 +35,7 @@
     }
   }
   @else if (type-of($gutters) == 'number') {
-    $gutter: rem-calc($gutters) / 2;
+    $gutter: rem-calc($gutters) * 0.5;
 
     // Loop through each gutter position
     @each $value in $gutter-position {

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

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -28,7 +28,7 @@
   $vertical: false,
   $output: (base size gutters)
 ) {
-  $size: percentage(1/$n);
+  $size: percentage(divide(1, $n));
 
   & > #{$selector} {
     @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical, $output);

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

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -25,8 +25,13 @@
 
   $offset: $size;
   @if ($gutter-type == 'margin') {
-    $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint) / 2);
-    $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter}));
+    // Make sure that 0 is translated in 0rem for calc()
+    $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint));
+    @if $gutter == 0 {
+      // sass-lint:disable zero-unit
+      $gutter: 0rem;
+    }
+    $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter} / 2));
   }
   @return $offset;
 }
@@ -39,11 +44,11 @@
 /// @param {Number|Array|Keyword} $breakpoint [null] - Breakpoint to use for `$gutters`. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints. If a list is given, media-queries will be generated. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.
 /// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.
 @mixin xy-cell-offset(
- $n,
- $gutters: $grid-margin-gutters,
- $gutter-type: margin,
- $breakpoint: null,
- $vertical: false
+  $n,
+  $gutters: $grid-margin-gutters,
+  $gutter-type: margin,
+  $breakpoint: null,
+  $vertical: false
 ) {
   $breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);
   $direction: if($vertical, 'top', $global-left);

data/vendor/assets/scss/xy-grid/_xy-grid.scss

@@ -1,5 +1,5 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
+// Foundation for Sites
+// https://get.foundation
 // Licensed under MIT Open Source
 
 ////
@@ -21,8 +21,8 @@ $grid-columns: 12 !default;
 /// The amount of margin between cells at different screen sizes when using the margin grid. To use just one size, set the variable to a number instead of a map.
 /// @type Map | Length
 $grid-margin-gutters: (
-  small: 20px,
-  medium: 30px
+  "small": 20px,
+  "medium": 30px
 ) !default;
 
 /// The amount of padding in cells at different screen sizes when using the padding grid. To use just one size, set the variable to a number instead of a map.