foundation-rails 6.4.3.0 → 6.5.1.0

data/vendor/assets/scss/util/_color.scss

@@ -109,21 +109,31 @@ $contrast-warnings: true !default;
   }
 }
 
-/// Transfers the colors in the `$foundation-palette`map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
+/// Transfers the colors in the `$foundation-palette` map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
 @mixin add-foundation-colors() {
   @if map-has-key($foundation-palette, primary) {
     $primary-color: map-get($foundation-palette, primary) !global;
+  } @else {
+    $primary-color: #1779ba !global;
   }
   @if map-has-key($foundation-palette, secondary) {
     $secondary-color: map-get($foundation-palette, secondary) !global;
+  } @else {
+    $secondary-color: #767676 !global;
   }
   @if map-has-key($foundation-palette, success) {
     $success-color: map-get($foundation-palette, success) !global;
+  } @else {
+    $success-color: #3adb76 !global;
   }
   @if map-has-key($foundation-palette, warning) {
     $warning-color: map-get($foundation-palette, warning) !global;
+  } @else {
+    $warning-color: #ffae00 !global;
   }
   @if map-has-key($foundation-palette, alert) {
     $alert-color: map-get($foundation-palette, alert) !global;
+  } @else {
+    $alert-color: #cc4b37 !global;
   }
 }

data/vendor/assets/scss/util/_direction.scss

@@ -21,7 +21,7 @@
     @return null;
   }
 
-  // Calcul the opposite place in a circle, with a starting index of 1
+  // Calculate the opposite place in a circle, with a starting index of 1
   $length: length($dirs);
   $demi: $length / 2;
   $opposite-place: (($place + $demi - 1) % $length) + 1;

data/vendor/assets/scss/util/_flex.scss

@@ -1,10 +1,15 @@
-$-zf-flex-justify: (
-  'left': flex-start,
-  'right': flex-end,
-  'center': center,
-  'justify': space-between,
-  'spaced': space-around,
-);
+@function -zf-flex-justify($text-direction){
+  $-zf-flex-justify: (
+    'left': if($text-direction == rtl, flex-end, flex-start),
+    'right': if($text-direction == rtl, flex-start, flex-end),
+    'center': center,
+    'justify': space-between,
+    'spaced': space-around,
+  );
+
+  @return $-zf-flex-justify;
+}
+
 
 $-zf-flex-align: (
   'top': flex-start,

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

@@ -7,7 +7,7 @@
 ////
 
 /// 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`.
 /// @param {Number} $size - Width for the target side.
 /// @param {Color} $color - Color of the shadow.
@@ -215,7 +215,6 @@
   overflow: hidden;
   clip: rect(0,0,0,0);
   white-space: nowrap;
-  clip-path: inset(50%);
   border: 0;
 }
 
@@ -227,7 +226,6 @@
   overflow: visible;
   clip: auto;
   white-space: normal;
-  clip-path: none;
 }
 
 /// Vertically centers the element inside of its first non-static parent,
@@ -267,6 +265,10 @@
   }
 
   @each $name in $list {
+    $old-zf-size: null;
+    @if global-variable-exists(-zf-size) {
+      $old-zf-size: $-zf-size;
+    }
     $-zf-size: $name !global;
 
     @if $auto-insert-breakpoints {
@@ -277,6 +279,8 @@
     @else {
       @content;
     }
+
+    $-zf-size: $old-zf-size !global;
   }
 }
 

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

@@ -20,7 +20,7 @@ $global-font-size: 100% !default;
 /// Converts one or more pixel values into matching rem values.
 ///
 /// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
-/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
+/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$global-font-size` variable as the base.
 ///
 /// @returns {List} A list of converted values.
 @function rem-calc($values, $base: null) {
@@ -125,7 +125,7 @@ $global-font-size: 100% !default;
     $base: strip-unit($base) * 16px;
   }
 
-  // Now lets convert our value to pixels too
+  // Now let's convert our value to pixels too
   @if unit($value) == '%' {
     $value: ($value / 100%) * $base;
   }
@@ -143,7 +143,7 @@ $global-font-size: 100% !default;
     @return strip-unit($value) / strip-unit($base);
   }
 
-  // assume that line-heights greatern then 10 are meant to be absolute in 'px'
+  // 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);
   }

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

@@ -0,0 +1,281 @@
+@mixin foundation-normalize() {
+  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+
+  // Document
+  // ==========================================================================
+
+  // 1. Correct the line height in all browsers.
+  // 2. Prevent adjustments of font size after orientation changes in iOS.
+
+  html {
+    line-height: 1.15; // 1
+    -webkit-text-size-adjust: 100%; // 2
+  }
+
+  // Sections
+  // ==========================================================================
+
+  // Remove the margin in all browsers.
+
+  body {
+    margin: 0;
+  }
+
+  // Correct the font size and margin on `h1` elements within `section` and
+  // `article` contexts in Chrome, Firefox, and Safari.
+
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+
+  // Grouping content
+  // ==========================================================================
+
+  // 1. Add the correct box sizing in Firefox.
+  // 2. Show the overflow in Edge and IE.
+
+  hr {
+    box-sizing: content-box; // 1
+    height: 0; // 1
+    overflow: visible; // 2
+  }
+
+  // 1. Correct the inheritance and scaling of font size in all browsers.
+  // 2. Correct the odd `em` font sizing in all browsers.
+
+  pre {
+    font-family: monospace, monospace; // 1
+    font-size: 1em; // 2
+  }
+
+  // Text-level semantics
+  // ==========================================================================
+
+  // Remove the gray background on active links in IE 10.
+
+  a {
+    background-color: transparent;
+  }
+
+  // 1. Remove the bottom border in Chrome 57-
+  // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+
+  abbr[title] {
+    border-bottom: none; // 1
+    text-decoration: underline; // 2
+    text-decoration: underline dotted; // 2
+  }
+
+  // Add the correct font weight in Chrome, Edge, and Safari.
+
+  b,
+  strong {
+    font-weight: bolder;
+  }
+
+  // 1. Correct the inheritance and scaling of font size in all browsers.
+  // 2. Correct the odd `em` font sizing in all browsers.
+
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; // 1
+    font-size: 1em; // 2
+  }
+
+  // Add the correct font size in all browsers.
+
+  small {
+    font-size: 80%;
+  }
+
+  // Prevent `sub` and `sup` elements from affecting the line height in
+  // all browsers.
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  // Embedded content
+  // ==========================================================================
+
+  // Remove the border on images inside links in IE 10.
+
+  img {
+    border-style: none;
+  }
+
+  // Forms
+  // ==========================================================================
+
+  // 1. Change the font styles in all browsers.
+  // 2. Remove the margin in Firefox and Safari.
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; // 1
+    font-size: 100%; // 1
+    line-height: 1.15; // 1
+    margin: 0; // 2
+  }
+
+  // Show the overflow in IE.
+  // 1. Show the overflow in Edge.
+
+  button,
+  input { // 1
+    overflow: visible;
+  }
+
+  // Remove the inheritance of text transform in Edge, Firefox, and IE.
+  // 1. Remove the inheritance of text transform in Firefox.
+
+  button,
+  select { // 1
+    text-transform: none;
+  }
+
+  // Correct the inability to style clickable types in iOS and Safari.
+
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+
+  // Remove the inner border and padding in Firefox.
+
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+
+  // Restore the focus styles unset by the previous rule.
+
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+
+  // Correct the padding in Firefox.
+
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+
+  // 1. Correct the text wrapping in Edge and IE.
+  // 2. Correct the color inheritance from `fieldset` elements in IE.
+  // 3. Remove the padding so developers are not caught out when they zero out
+  //    `fieldset` elements in all browsers.
+
+  legend {
+    box-sizing: border-box; // 1
+    color: inherit; // 2
+    display: table; // 1
+    max-width: 100%; // 1
+    padding: 0; // 3
+    white-space: normal; // 1
+  }
+
+  // Add the correct vertical alignment in Chrome, Firefox, and Opera.
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  // Remove the default vertical scrollbar in IE 10+.
+
+  textarea {
+    overflow: auto;
+  }
+
+  // 1. Add the correct box sizing in IE 10.
+  // 2. Remove the padding in IE 10.
+
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; // 1
+    padding: 0; // 2
+  }
+
+  // Correct the cursor style of increment and decrement buttons in Chrome.
+
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  // 1. Correct the odd appearance in Chrome and Safari.
+  // 2. Correct the outline style in Safari.
+
+  [type="search"] {
+    -webkit-appearance: textfield; // 1
+    outline-offset: -2px; // 2
+  }
+
+  // Remove the inner padding in Chrome and Safari on macOS.
+
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  // 1. Correct the inability to style clickable types in iOS and Safari.
+  // 2. Change font properties to `inherit` in Safari.
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; // 1
+    font: inherit; // 2
+  }
+
+  // Interactive
+  // ==========================================================================
+
+  // Add the correct display in Edge, IE 10+, and Firefox.
+
+  details {
+    display: block;
+  }
+
+  // Add the correct display in all browsers.
+
+  summary {
+    display: list-item;
+  }
+
+  // Misc
+  // ==========================================================================
+
+  // Add the correct display in IE 10+.
+
+  template {
+    display: none;
+  }
+
+  // Add the correct display in IE 10.
+
+  [hidden] {
+    display: none;
+  }
+}

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

@@ -8,7 +8,7 @@
 
 /// Calculate the percentage size of a cell.
 ///
-/// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2 or 1/3.
+/// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2` or `1/3`.
 @function xy-cell-size(
   $size: $grid-columns
 ) {
@@ -26,7 +26,7 @@
   }
 
   // Parsing "n of n" or "n/n" expressions
-  @elseif type-of($size) == 'list' {
+  @else if type-of($size) == 'list' {
     @if length($size) != 3 {
       @error 'Wrong syntax for xy-cell-size(). Use the format "n of n" or "n/n".';
     }
@@ -44,7 +44,7 @@
 
 /// Sets base flex properties for cells.
 ///
-/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto` or `shrink`.
+/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink` or `grow`.
 @mixin xy-cell-base($size: full) {
   @if($size == 'full') {
     // This is the base style, all others inherit from it
@@ -52,12 +52,15 @@
     min-height: 0px;
     min-width: 0px;
   }
-  @elseif ($size == 'auto') {
+  @else if ($size == 'auto') {
     flex: 1 1 0px; // sass-lint:disable-line zero-unit
   }
-  @elseif ($size == 'shrink') {
+  @else if ($size == 'shrink') {
     flex: 0 0 auto;
   }
+  @else if ($size == 'grow') {
+    flex: 1 0 auto;
+  }
 }
 
 /// Resets a cells width (or height if vertical is true) as well as strips its gutters.
@@ -66,6 +69,7 @@
 @mixin xy-cell-reset($vertical: true) {
   $direction: if($vertical == true, width, height);
   #{$direction}: auto;
+  max-#{$direction}: none;
 }
 
 // Sets our cell widths or heights depending on gutter type.
@@ -75,11 +79,11 @@
     $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
     #{$direction}: $val;
   }
-  @elseif ($size == 'auto') {
+  @else if ($size == 'auto') {
     #{$direction}: auto;
     $val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
   }
-  @elseif ($size == 'shrink') {
+  @else if ($size == 'shrink') {
     #{$direction}: auto;
   }
   @else {
@@ -106,6 +110,8 @@
   $breakpoint: null,
   $vertical: false
 ) {
+  $bp-is-fallback: false;
+
   @if($breakpoint == null) {
     // If `$bp-size` is available then use this, otherwise revert to the smallest bp.
     @if(variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {
@@ -113,24 +119,34 @@
     }
     @else {
       $breakpoint: $-zf-zero-breakpoint;
+      $bp-is-fallback: true;
     }
   }
 
-  // Get our gutters from map if available, if not map just return the value.
+  // Get the gutter for the given breakpoint/value.
   $gutter: -zf-get-bp-val($gutters, $breakpoint);
+  // If the breakpoint is a fallback, use a fallback gutter as well
+  @if ($bp-is-fallback == true and $gutter == null) {
+    $gutter: 0;
+  }
 
-  // Base flex properties
-  @include xy-cell-base($size);
+  @if($gutter != null) {
+    // Base flex properties
+    @include xy-cell-base($size);
 
-  @if($gutter-type == 'margin') {
-    @include -xy-cell-properties($size, $gutter, $vertical);
+    @if($gutter-type == 'margin') {
+      @include -xy-cell-properties($size, $gutter, $vertical);
+    }
+    @else {
+      @include -xy-cell-properties($size, 0, $vertical);
+    }
+
+    @if $gutter-output {
+      @include xy-gutters($gutter, $gutter-type, $gutter-position);
+    }
   }
   @else {
-    @include -xy-cell-properties($size, 0, $vertical);
-  }
-
-  @if $gutter-output {
-    @include xy-gutters($gutter, $gutter-type, $gutter-position);
+    @warn 'xy-cell: no gutters were found in `$gutters` for "$breakpoint: #{$breakpoint}", cell was not generated`'
   }
 }