foundation-rails 6.2.1.0 → 6.2.3.0

data/vendor/assets/scss/components/_button.scss

@@ -139,6 +139,11 @@ $button-opacity-disabled: 0.25 !default;
 @mixin button-disabled {
   opacity: $button-opacity-disabled;
   cursor: not-allowed;
+
+  &:hover, &:focus {
+    background-color: $button-background;
+    color: $button-color;
+  }
 }
 
 /// Adds a dropdown arrow to a button.

data/vendor/assets/scss/components/_dropdown-menu.scss

@@ -84,14 +84,14 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       }
 
       &.opens-left {
-        .is-dropdown-submenu {
+        > .is-dropdown-submenu {
           left: auto;
           right: 100%;
         }
       }
 
       &.opens-right {
-        .is-dropdown-submenu {
+        > .is-dropdown-submenu {
           right: auto;
           left: 100%;
         }
@@ -164,14 +164,25 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       margin-top: -2px;
     }
 
-    &.opens-inner .is-dropdown-submenu {
+    &.opens-inner > .is-dropdown-submenu {
+
       top: 100%;
+      @if $global-text-direction == 'rtl' {
+        right: auto;
+      } @else {
+        left: auto;
+      }
     }
 
-    &.opens-left .is-dropdown-submenu {
+    &.opens-left > .is-dropdown-submenu {
       left: auto;
       right: 100%;
     }
+
+    &.opens-right > .is-dropdown-submenu {
+      right: auto;
+      left: 100%;
+    }
   }
 
   .is-dropdown-submenu {
@@ -202,7 +213,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
 
     // [TODO] Cut back specificity
     // scss-lint:disable SelectorDepth
-    &:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &,
+    //&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...
     &.js-dropdown-active {
       display: block;
     }

data/vendor/assets/scss/components/_media-object.scss

@@ -32,7 +32,7 @@ $mediaobject-image-width-stacked: 100% !default;
 /// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.
 @mixin media-object-section($padding: $mediaobject-section-padding) {
   @if $global-flexbox {
-    flex: 0 0 auto;
+    flex: 0 1 auto;
   }
   @else {
     display: table-cell;
@@ -46,6 +46,10 @@ $mediaobject-image-width-stacked: 100% !default;
   &:last-child:not(:nth-child(2)) {
     padding-#{$global-left}: $padding;
   }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
 }
 
 /// Adds styles to stack sections of a media object. Apply this to the section elements, not the container.
@@ -76,7 +80,9 @@ $mediaobject-image-width-stacked: 100% !default;
 
     @if $global-flexbox {
       &.stack-for-#{$-zf-zero-breakpoint} {
-        flex-wrap: wrap;
+        @include breakpoint($-zf-zero-breakpoint only) {
+          flex-wrap: wrap;
+        }
       }
     }
 

data/vendor/assets/scss/components/_menu.scss

@@ -159,13 +159,13 @@ $menu-icon-spacing: 0.25rem !default;
     @else {
       > li > a {
         img,
-        i {
+        i,
+        svg {
           vertical-align: middle;
-        }
 
-        i + span,
-        img + span {
-          vertical-align: middle;
+          + span {
+            vertical-align: middle;
+          }
         }
       }
     }
@@ -178,7 +178,8 @@ $menu-icon-spacing: 0.25rem !default;
       }
 
       img,
-      i {
+      i,
+      svg {
         margin-#{$global-right}: $menu-icon-spacing;
 
         @if not $global-flexbox {
@@ -197,7 +198,8 @@ $menu-icon-spacing: 0.25rem !default;
       }
 
       img,
-      i {
+      i,
+      svg {
         @if not $global-flexbox {
           display: block;
           margin: 0 auto $menu-icon-spacing;

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

@@ -113,6 +113,13 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
   body.is-reveal-open {
     overflow: hidden;
   }
+  // html gets this class only in iOS
+  html.is-reveal-open,
+  html.is-reveal-open body {
+    height: 100%;
+    overflow: hidden;
+    user-select: none;
+  }
 
   // Overlay
   .reveal-overlay {

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

@@ -51,7 +51,7 @@ $titlebar-icon-spacing: 0.25rem !default;
 
     .menu-icon {
       margin-#{$global-left}: $titlebar-icon-spacing;
-      margin-#{$global-right}: $titlebar-padding;
+      margin-#{$global-right}: $titlebar-icon-spacing;
     }
   }
 

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

@@ -46,6 +46,7 @@ $input-prefix-padding: 1rem !default;
 
   %input-group-child {
     margin: 0;
+    white-space: nowrap;
 
     @if not $global-flexbox {
       display: table-cell;

data/vendor/assets/scss/forms/_select.scss

@@ -37,9 +37,10 @@ $select-radius: $global-radius !default;
   @if $select-triangle-color != transparent {
     @include background-triangle($select-triangle-color);
     background-size: 9px 6px;
-    background-position: $global-right center;
+    background-position: $global-right (-$form-spacing) center;
     background-origin: content-box;
     background-repeat: no-repeat;
+    padding-#{$global-right}: ($form-spacing * 1.5);
   }
 
   // Disabled state

data/vendor/assets/scss/foundation.scss

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

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

@@ -116,7 +116,8 @@
     .#{$-zf-size}-#{$collapse} {
       > .#{$column} { @include grid-col-collapse; }
 
-      .#{$row} {
+      .#{$row},
+      .#{$expanded}.#{$row} &.#{$row} {
         margin-left: 0;
         margin-right: 0;
       }

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

@@ -99,7 +99,7 @@
   // 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 == null {
-    min-width: 0;
+    min-width: initial;
   }
   // max-width fixes IE 10/11 not respecting the flex-basis property
   @if $columns != null and $columns != shrink {

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

@@ -8,7 +8,7 @@
 
 /// Reposition a column.
 ///
-/// @param {Number} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left.
+/// @param {Number|Keyword} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left. Set to center to center the column.
 @mixin grid-column-position($position) {
   @if type-of($position) == 'number' {
     $offset: percentage($position / $grid-column-count);

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

@@ -82,10 +82,10 @@
   @if type-of($gutter) == 'number' {
     $gutter: ($-zf-zero-breakpoint: $gutter);
   }
+  max-width: none;
 
   @each $breakpoint, $value in $gutter {
     $margin: rem-calc($value) / 2 * -1;
-    max-width: none;
 
     @include breakpoint($breakpoint) {
       margin-left: $margin;

data/vendor/assets/scss/settings/_settings.scss

@@ -200,7 +200,7 @@ $accordion-item-background-hover: $light-gray;
 $accordion-item-padding: 1.25rem 1rem;
 $accordion-content-background: $white;
 $accordion-content-border: 1px solid $light-gray;
-$accordion-content-color: foreground($accordion-background, $primary-color);
+$accordion-content-color: foreground($accordion-content-background, $body-font-color);
 $accordion-content-padding: 1rem;
 
 // 8. Accordion Menu

data/vendor/assets/scss/util/_breakpoint.scss

@@ -20,10 +20,11 @@ $breakpoints: (
 
 $-zf-zero-breakpoint: small !default;
 
-@if nth(map-values($breakpoints),1) != 0 {
+@if nth(map-values($breakpoints), 1) != 0 {
   @error 'Your smallest breakpoint (defined in $breakpoints) must be set to "0".';
-} @else {
-  $-zf-zero-breakpoint: nth(map-keys($breakpoints),1);
+}
+@else {
+  $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);
 }
 
 /// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.

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

@@ -116,7 +116,7 @@
 @mixin background-triangle($color: $black) {
   $rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%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% {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 6.2.1.0
+  version: 6.2.3.0
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-12 00:00:00.000000000 Z
+date: 2016-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass