foundation-rails 6.2.3.0 → 6.2.4.0

data/vendor/assets/scss/components/_drilldown.scss

@@ -39,7 +39,7 @@ $drilldown-background: $white !default;
     top: 0;
     #{$global-left}: 100%;
     z-index: -1;
-    height: 100%;
+    // height: 100%;
     width: 100%;
     background: $drilldown-background;
     transition: $drilldown-transition;

data/vendor/assets/scss/components/_off-canvas.scss

@@ -60,6 +60,7 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
     @include clearfix;
     position: relative;
     width: 100%;
+    min-height: 100%; 
     transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
   }
 

data/vendor/assets/scss/components/_orbit.scss

@@ -80,6 +80,7 @@ $orbit-control-zindex: 10 !default;
   margin: 0;
 }
 
+/// Adds styles for a slide containing an image. These styles are used on the `.orbit-image` class.
 @mixin orbit-image {
   margin: 0;
   width: 100%;

data/vendor/assets/scss/components/_pagination.scss

@@ -10,7 +10,7 @@
 /// @type Number
 $pagination-font-size: rem-calc(14) !default;
 
-/// Default bottom margin of the media object.
+/// Default bottom margin of the pagination object.
 /// @type Number
 $pagination-margin-bottom: $global-margin !default;
 
@@ -50,10 +50,15 @@ $pagination-item-color-disabled: $medium-gray !default;
 /// @type Color
 $pagination-ellipsis-color: $black !default;
 
-/// If `false`, don't display page number links on mobile, only next/previous links.
+/// If `false`, don't display page number links on mobile, only next/previous links
+/// and optionally current page number.
 /// @type Boolean
 $pagination-mobile-items: false !default;
 
+/// If `false`, don't display current page number on mobile.
+/// @type Boolean
+$pagination-mobile-current-item: false !default;
+
 /// If `true`, arrows are added to the next and previous links of pagination.
 /// @type Boolean
 $pagination-arrows: true !default;
@@ -81,6 +86,12 @@ $pagination-arrows: true !default;
         display: inline-block;
       }
 
+      @if $pagination-mobile-current-item {
+        &.current {
+          display: inline-block;
+        }
+      }
+
       @include breakpoint(medium) {
         display: inline-block;
       }

data/vendor/assets/scss/components/_reveal.scss

@@ -40,7 +40,7 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
 
 /// Adds styles for a modal overlay.
 /// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.
-@mixin reveal-overlay {
+@mixin reveal-overlay($background: $reveal-overlay-background) {
   display: none;
   position: fixed;
   top: 0;
@@ -48,7 +48,7 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
   left: 0;
   right: 0;
   z-index: $reveal-zindex;
-  background-color: $reveal-overlay-background;
+  background-color: $background;
   overflow-y: scroll;
 }
 
@@ -116,7 +116,7 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
   // html gets this class only in iOS
   html.is-reveal-open,
   html.is-reveal-open body {
-    height: 100%;
+    min-height: 100%;
     overflow: hidden;
     user-select: none;
   }

data/vendor/assets/scss/components/_switch.scss

@@ -75,6 +75,7 @@ $switch-paddle-transition: all 0.25s ease-out !default;
 @mixin switch-input {
   opacity: 0;
   position: absolute;
+  margin-bottom: 0;
 }
 
 /// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.
@@ -168,6 +169,8 @@ $switch-paddle-transition: all 0.25s ease-out !default;
   $paddle-height: $height - ($paddle-offset * 2);
   $paddle-left-active: $width - $paddle-width - $paddle-offset;
 
+  height: $height;
+  
   .switch-paddle {
     width: $width;
     height: $height;
@@ -187,6 +190,7 @@ $switch-paddle-transition: all 0.25s ease-out !default;
 @mixin foundation-switch {
   // Container class
   .switch {
+    height: $switch-height;
     @include switch-container;
   }
 

data/vendor/assets/scss/components/_table.scss

@@ -48,14 +48,26 @@ $table-stripe: even !default;
 /// @type Color
 $table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;
 
+/// Default color of header rows on hover.
+/// @type List
+$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;
+
 /// Default color for footer background.
 /// @type Color
 $table-foot-background: smart-scale($table-background, $table-color-scale) !default;
 
+/// Default color of footer rows on hover.
+/// @type List
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;
+
 /// Default font color for header.
 /// @type Color
 $table-head-font-color: $body-font-color !default;
 
+/// Default font color for footer.
+/// @type Color
+$table-foot-font-color: $body-font-color !default;
+
 /// Default value for showing the header when using stacked tables.
 /// @type Boolean
 $show-header-for-stacked: false !default;
@@ -73,13 +85,22 @@ $show-header-for-stacked: false !default;
     font-weight: $global-weight-bold;
     padding: $table-padding;
   }
+  
+  // Table head
+  thead {
+    background: $table-head-background;
+    color: $table-head-font-color;
+  }
+
+  // Table foot
+  tfoot {
+    background: $table-foot-background;
+    color: $table-foot-font-color;
+  }
 
   // Table head and foot
   thead,
   tfoot {
-    background: $table-head-background;
-    color: $table-head-font-color;
-
     // Rows within head and foot
     tr {
       background: transparent;
@@ -148,7 +169,21 @@ $show-header-for-stacked: false !default;
 
 /// Slightly darkens the table rows on hover.
 @mixin table-hover {
-  tr {
+  thead tr {
+    //Darkens the table header rows on hover.
+    &:hover {
+      background-color: $table-head-row-hover;
+    }
+  }
+
+  tfoot tr {
+    //Darkens the table footer rows on hover.
+    &:hover {
+      background-color: $table-foot-row-hover;
+    }
+  }
+
+  tbody tr {
     //Darkens the non-striped table rows on hover.
     &:hover {
       background-color: $table-row-hover;

data/vendor/assets/scss/components/_title-bar.scss

@@ -82,8 +82,4 @@ $titlebar-icon-spacing: 0.25rem !default;
     vertical-align: middle;
     display: inline-block;
   }
-
-  .menu-icon.dark {
-    @include hamburger;
-  }
 }

data/vendor/assets/scss/components/_top-bar.scss

@@ -101,9 +101,11 @@ $topbar-unstack-breakpoint: medium !default;
     flex-wrap: nowrap;
 
     // scss-lint:disable ZeroUnit
-    .top-bar-left,
+    .top-bar-left {
+      flex: 1 1 auto;
+    }
     .top-bar-right {
-      flex: 1 1 0px;
+      flex: 0 1 auto;
     }
   }
   @else {

data/vendor/assets/scss/forms/_input-group.scss

@@ -91,7 +91,6 @@ $input-prefix-padding: 1rem !default;
     // scss-lint:disable ZeroUnit
     @if $global-flexbox {
       flex: 1 1 0px;
-      width: auto;
       height: auto;
     }
     @else {
@@ -122,7 +121,9 @@ $input-prefix-padding: 1rem !default;
 
   // Specificity bump needed to prevent override by buttons
   // scss-lint:disable QualifyingSelector
-  .input-group .input-group-button {
-    display: table-cell;
+  @if not $global-flexbox {
+      .input-group .input-group-button {
+          display: table-cell;
+      }
   }
 }

data/vendor/assets/scss/forms/_meter.scss

@@ -47,13 +47,15 @@ $meter-fill-bad: $alert-color !default;
     background: $meter-background;
     border: 0;
 
-    // Chrome/Safari
+    // Chrome/Safari/Edge
     &::-webkit-meter-bar {
       background: $meter-background;
 
       @if has-value($meter-radius) {
         border-radius: $meter-radius;
       }
+      
+      border: 0;
     }
 
     &::-webkit-meter-inner-element {

data/vendor/assets/scss/forms/_progress.scss

@@ -81,5 +81,14 @@ $progress-radius: $global-radius !default;
         }
       }
     }
+    
+    // For IE and Edge  
+    &::-ms-fill{
+      @if hasvalue($progress-radius) {
+        border-radius: $progress-radius;  
+      }
+
+      border: 0;     
+    } 
   }
 }

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

@@ -66,6 +66,10 @@ $input-number-spinners: true !default;
 /// @type Border
 $input-radius: $global-radius !default;
 
+/// Border radius for buttons, defaulted to global-radius.
+/// @type Number
+$button-radius: $global-radius !default;
+
 @mixin form-element {
   $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
 
@@ -153,8 +157,8 @@ $input-radius: $global-radius !default;
     @if not $input-number-spinners {
       -moz-appearance: textfield;
 
-      [type='number']::-webkit-inner-spin-button,
-      [type='number']::-webkit-outer-spin-button {
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
         -webkit-appearance: none;
         margin: 0;
       }

data/vendor/assets/scss/foundation.scss

@@ -1,6 +1,6 @@
 /**
  * Foundation for Sites by ZURB
- * Version 6.2.3
+ * Version 6.2.4
  * foundation.zurb.com
  * Licensed under MIT Open Source
  */

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

@@ -34,7 +34,7 @@
     }
 
     // Nesting
-    & & {
+    & .#{$row} {
       @include grid-row-nest($grid-column-gutter);
 
       &.#{$collapse} {
@@ -69,14 +69,14 @@
   // The double .row class is needed to bump up the specificity
   .#{$column}.#{$row}.#{$row} {
     float: none;
+  }
 
-    // To properly nest a column row, padding and margin is removed
-    .#{$row} & {
-      padding-left: 0;
-      padding-right: 0;
-      margin-left: 0;
-      margin-right: 0;
-    }
+  // To properly nest a column row, padding and margin is removed
+  .#{$row} .#{$column}.#{$row}.#{$row} {
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   @include -zf-each-breakpoint {
@@ -116,13 +116,17 @@
     .#{$-zf-size}-#{$collapse} {
       > .#{$column} { @include grid-col-collapse; }
 
-      .#{$row},
-      .#{$expanded}.#{$row} &.#{$row} {
+      .#{$row} {
         margin-left: 0;
         margin-right: 0;
       }
     }
 
+    .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
     .#{$-zf-size}-#{$uncollapse} {
       $gutter: -zf-get-bp-val($grid-column-gutter, $-zf-size);
 

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

@@ -155,7 +155,7 @@
     @include flex-grid-row;
 
     // Nesting behavior
-    & & {
+    & .row {
       @include flex-grid-row(nest, $base: false);
     }
 
@@ -165,7 +165,17 @@
     }
 
     &.collapse {
-      > .column { @include grid-col-collapse; }
+      > .column {
+        @include grid-col-collapse;
+      }
+    }
+
+    // Undo negative margins
+    // From collapsed child
+    &.is-collapse-child,
+    &.collapse > .column > .row {
+      margin-left: 0;
+      margin-right: 0;
     }
   }
 
@@ -179,14 +189,14 @@
   .column.row.row {
     float: none;
     display: block;
+  }
 
-    // To properly nest a column row, padding and margin is removed
-    .row & {
-      padding-left: 0;
-      padding-right: 0;
-      margin-left: 0;
-      margin-right: 0;
-    }
+  // To properly nest a column row, padding and margin is removed
+  .row .column.row.row {
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   @include -zf-each-breakpoint {

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

@@ -10,14 +10,39 @@
 ///
 /// @param {Number} $n - Number of elements to display per row.
 /// @param {String} $selector ['.column'] - Selector(s) to use for child elements.
+/// @param {Number|List} $gutter
+///   The gutter to apply to child elements. Accepts multiple values:
+///   - $grid-column-gutter will use the values in the $grid-column-gutter map, including breakpoint sizes.
+///   - A fixed numeric value will apply this gutter to all breakpoints.
 @mixin grid-layout(
   $n,
-  $selector: '.column'
+  $selector: '.column',
+  $gutter: null
 ) {
   & > #{$selector} {
     width: percentage(1/$n);
     float: $global-left;
 
+    // If a $gutter value is passed
+    @if($gutter) {
+      // Gutters
+      @if type-of($gutter) == 'map' {
+        @each $breakpoint, $value in $gutter {
+          $padding: rem-calc($value) / 2;
+
+          @include breakpoint($breakpoint) {
+            padding-left: $padding;
+            padding-right: $padding;
+          }
+        }
+      }
+      @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
+        $padding: rem-calc($gutter) / 2;
+        padding-left: $padding;
+        padding-right: $padding;
+      }
+    }
+
     &:nth-of-type(1n) {
       clear: none;
     }
@@ -27,7 +52,7 @@
     }
 
     &:last-child {
-      float: left;
+      float: $global-left;
     }
   }
 }