foundation-rails 5.2.0.0 → 5.2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d0565600ca266c755998289b8d77379bd0b31ba3
-  data.tar.gz: 9a4a170972d2b69e39ef97dc7eee314d220777fb
+  metadata.gz: 1f0965fc3e4a5d696c852dad76597096c0f9d1d8
+  data.tar.gz: 3a98e42c47f5e4add5f6be2984d48c6c31647df4
 SHA512:
-  metadata.gz: 23576c610b2b0fee690f757fefb751485a88ea222efc2c4e3403d5b83f322cd27bc2a9d8eb7021232cdf739efed82740e1b09861a7b01adc03b40d9ced67c665
-  data.tar.gz: e265c33f51a99dfbcb1276dd408a1681bbfa4daa63157dcc6f1a29dc369f6116bafb40d47e92f52a819276305956d88172a63ccb70f7a77eacf0a22acc5a43fa
+  metadata.gz: 911c5575a65d51269b66422ea6439506ad4fd35f2e39e76bbd3aedc8da519538b86cc35f9a7dd37c34354c987c1d12024cbd9cde24260d4e43cd1ee5c608b563
+  data.tar.gz: 8ee81d522ad33f07b29e704ad42bc47799e754d604c4a114d4e02ea7533ceb971350394f2c20233e6768c78a4b4236e69cce81e369ab04eea72171df8c040949

data/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "foundation-rails",
-  "version": "5.2.0.0",
+  "version": "5.2.1.0",
   "dependencies": {
-    "foundation": "5.2.0"
+    "foundation": "5.2.1"
   }
 }

data/lib/foundation/rails/version.rb

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "5.2.0.0"
+    VERSION = "5.2.1.0"
   end
 end

data/vendor/assets/javascripts/foundation/foundation.abide.js

@@ -4,7 +4,7 @@
   Foundation.libs.abide = {
     name : 'abide',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       live_validate : true,
@@ -39,6 +39,15 @@
 
         // #FFF or #FFFFFF
         color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
+      },
+      validators : {
+        equalTo: function(el, required, parent) {
+          var from  = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
+              to    = el.value,
+              valid = (from === to);
+
+          return valid;
+        }
       }
     },
 
@@ -135,7 +144,7 @@
       } else if (pattern.length > 0) {
         return [el, new RegExp(pattern), required];
       }
-      
+
       if (this.settings.patterns.hasOwnProperty(type)) {
         return [el, this.settings.patterns[type], required];
       }
@@ -154,13 +163,16 @@
             required = el_patterns[i][2],
             value = el.value,
             direct_parent = this.S(el).parent(),
-            is_equal = el.getAttribute(this.add_namespace('data-equalto')),
+            validator = el.getAttribute(this.add_namespace('data-abide-validator')),
             is_radio = el.type === "radio",
             is_checkbox = el.type === "checkbox",
             label = this.S('label[for="' + el.getAttribute('id') + '"]'),
             valid_length = (required) ? (el.value.length > 0) : true;
 
-        var parent;
+        var parent, valid;
+
+        // support old way to do equalTo validations
+        if(el.getAttribute(this.add_namespace('data-equalto'))) { validator = "equalTo" }
 
         if (!direct_parent.is('label')) {
           parent = direct_parent;
@@ -172,8 +184,17 @@
           validations.push(this.valid_radio(el, required));
         } else if (is_checkbox && required) {
           validations.push(this.valid_checkbox(el, required));
-        } else if (is_equal && required) {
-          validations.push(this.valid_equal(el, required, parent));
+        } else if (validator) {
+          valid = this.settings.validators[validator].apply(this, [el, required, parent])
+          validations.push(valid);
+
+          if (valid) {
+            this.S(el).removeAttr(this.invalid_attr);
+            parent.removeClass('error');
+          } else {
+            this.S(el).attr(this.invalid_attr, '');
+            parent.addClass('error');
+          }
         } else {
 
           if (el_patterns[i][1].test(value) && valid_length ||
@@ -231,22 +252,6 @@
         }
       }
 
-      return valid;
-    },
-
-    valid_equal: function(el, required, parent) {
-      var from  = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
-          to    = el.value,
-          valid = (from === to);
-
-      if (valid) {
-        this.S(el).removeAttr(this.invalid_attr);
-        parent.removeClass('error');
-      } else {
-        this.S(el).attr(this.invalid_attr, '');
-        parent.addClass('error');
-      }
-
       return valid;
     }
   };

data/vendor/assets/javascripts/foundation/foundation.accordion.js

@@ -4,7 +4,7 @@
   Foundation.libs.accordion = {
     name : 'accordion',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       active_class: 'active',

data/vendor/assets/javascripts/foundation/foundation.alert.js

@@ -4,7 +4,7 @@
   Foundation.libs.alert = {
     name : 'alert',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       animation: 'fadeOut',
@@ -26,7 +26,7 @@
 
         e.preventDefault();
         alertBox[settings.animation](settings.speed, function () {
-          S(this).trigger('closed').remove();
+          S(this).trigger('close').remove();
           settings.callback();
         });
       });

data/vendor/assets/javascripts/foundation/foundation.clearing.js

@@ -4,7 +4,7 @@
   Foundation.libs.clearing = {
     name : 'clearing',
 
-    version: '5.2.0',
+    version: '5.2.1',
 
     settings : {
       templates : {
@@ -67,8 +67,8 @@
 
             // if clearing is open and the current image is
             // clicked, go to the next image in sequence
-            if (target.hasClass('visible') && 
-              current[0] === target[0] && 
+            if (target.hasClass('visible') &&
+              current[0] === target[0] &&
               next.length > 0 && self.is_open(current)) {
               target = next;
               image = S('img', target);
@@ -202,7 +202,7 @@
         container.addClass('clearing-container');
         visible_image.show();
         this.fix_height(target)
-          .caption(self.S('.clearing-caption', visible_image), $image)
+          .caption(self.S('.clearing-caption', visible_image), self.S('img', target))
           .center_and_label(image, label)
           .shift(current, target, function () {
             target.siblings().removeClass('visible');
@@ -217,7 +217,7 @@
           .css('visibility', 'hidden');
 
         startLoad.call(this);
-        
+
       }
     },
 
@@ -391,7 +391,7 @@
     // image caption
 
     caption : function (container, $image) {
-      var caption = $image.data('caption');
+      var caption = $image.attr('data-caption');
 
       if (caption) {
         container

data/vendor/assets/javascripts/foundation/foundation.dropdown.js

@@ -4,7 +4,7 @@
   Foundation.libs.dropdown = {
     name : 'dropdown',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       active_class: 'open',

data/vendor/assets/javascripts/foundation/foundation.equalizer.js

@@ -4,7 +4,7 @@
   Foundation.libs.equalizer = {
     name : 'equalizer',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       use_tallest: true,

data/vendor/assets/javascripts/foundation/foundation.interchange.js

@@ -4,7 +4,7 @@
   Foundation.libs.interchange = {
     name : 'interchange',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     cache : {},
 
@@ -15,7 +15,7 @@
       load_attr : 'interchange',
 
       named_queries : {
-        'default' : Foundation.media_queries.small,
+        'default' : 'only screen',
         small : Foundation.media_queries.small,
         medium : Foundation.media_queries.medium,
         large : Foundation.media_queries.large,

data/vendor/assets/javascripts/foundation/foundation.joyride.js

@@ -6,7 +6,7 @@
   Foundation.libs.joyride = {
     name : 'joyride',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     defaults : {
       expose                   : false,     // turn on or off the expose feature

data/vendor/assets/javascripts/foundation/foundation.js

@@ -276,7 +276,7 @@
   window.Foundation = {
     name : 'Foundation',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     media_queries : {
       small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),

data/vendor/assets/javascripts/foundation/foundation.magellan.js

@@ -4,7 +4,7 @@
   Foundation.libs['magellan-expedition'] = {
     name : 'magellan-expedition',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       active_class: 'active',

data/vendor/assets/javascripts/foundation/foundation.offcanvas.js

@@ -4,7 +4,7 @@
   Foundation.libs.offcanvas = {
     name : 'offcanvas',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {},
 

data/vendor/assets/javascripts/foundation/foundation.orbit.js

@@ -39,7 +39,7 @@
     };
 
     self.update_active_link = function(index) {
-      var link = $('a[data-orbit-link="'+self.slides().eq(index).attr('data-orbit-slide')+'"]');
+      var link = $('[data-orbit-link="'+self.slides().eq(index).attr('data-orbit-slide')+'"]');
       link.siblings().removeClass(settings.bullets_active_class);
       link.addClass(settings.bullets_active_class);
     };
@@ -275,8 +275,6 @@
       container.on('click', self.toggle_timer);
       if (settings.swipe) {
         slides_container.on('touchstart.fndtn.orbit',function(e) {
-          e.preventDefault();
-          e.stopPropagation();
           if (self.cache.animating) {return;}
           if (!e.touches) {e = e.originalEvent;}
 
@@ -290,11 +288,15 @@
           self.stop_timer(); // does not appear to prevent callback from occurring          
         })
         .on('touchmove.fndtn.orbit',function(e) {
-          if (self.cache.animating) {return;}
-          e.preventDefault();
-          e.stopPropagation();
+          if (Math.abs(self.cache.delta_x) > 5) {
+            e.preventDefault();
+            e.stopPropagation();
+          }
+
+          if (self.cache.animating) {return;}          
           requestAnimationFrame(function(){
             if (!e.touches) { e = e.originalEvent; }
+
             // Ignore pinch/zoom events
             if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
 
@@ -304,7 +306,9 @@
               self.cache.is_scrolling = !!( self.cache.is_scrolling || Math.abs(self.cache.delta_x) < Math.abs(e.touches[0].pageY - self.cache.start_page_y) );
             }
 
-            if (self.cache.is_scrolling) {return;}
+            if (self.cache.is_scrolling) {
+              return;
+            }
             
             var direction = (self.cache.delta_x < 0) ? (idx+1) : (idx-1);
             if (self.cache.direction !== direction) {
@@ -382,6 +386,7 @@
       el.addClass(settings.timer_paused_class);
       left = -1;
       self.update_progress(0);
+      self.start();
     };
 
     this.start = function() {
@@ -445,7 +450,7 @@
   Foundation.libs.orbit = {
     name: 'orbit',
 
-    version: '5.2.0',
+    version: '5.2.1',
 
     settings: {
       animation: 'slide',

data/vendor/assets/javascripts/foundation/foundation.reveal.js

@@ -4,7 +4,7 @@
   Foundation.libs.reveal = {
     name : 'reveal',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     locked : false,
 

data/vendor/assets/javascripts/foundation/foundation.slider.js

@@ -4,7 +4,7 @@
   Foundation.libs.slider = {
     name : 'slider',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings: {
       start: 0,

data/vendor/assets/javascripts/foundation/foundation.tab.js

@@ -5,7 +5,7 @@
   Foundation.libs.tab = {
     name : 'tab',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       active_class: 'active',
@@ -138,7 +138,8 @@
       siblings.removeClass(settings.active_class);
       target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class);
       settings.callback(tab);
-      tabs.triggerHandler('toggled', [tab]);
+      target.triggerHandler('toggled', [tab]);
+      tabs.triggerHandler('toggled', [target]);
     },
 
     data_attr: function (str) {

data/vendor/assets/javascripts/foundation/foundation.tooltip.js

@@ -4,7 +4,7 @@
   Foundation.libs.tooltip = {
     name : 'tooltip',
 
-    version : '5.2.0',
+    version : '5.2.1',
 
     settings : {
       additional_inheritable_classes : [],

data/vendor/assets/javascripts/foundation/foundation.topbar.js

@@ -4,7 +4,7 @@
   Foundation.libs.topbar = {
     name : 'topbar',
 
-    version: '5.2.0',
+    version: '5.2.1',
 
     settings : {
       index : 0,

data/vendor/assets/stylesheets/foundation.scss

@@ -7,6 +7,7 @@
 
 // Behold, here are all the Foundation components.
 @import
+  "foundation/components/grid",
   "foundation/components/accordion",
   "foundation/components/alert-boxes",
   "foundation/components/block-grid",
@@ -18,7 +19,6 @@
   "foundation/components/dropdown-buttons",
   "foundation/components/flex-video",
   "foundation/components/forms",
-  "foundation/components/grid",
   "foundation/components/inline-lists",
   "foundation/components/joyride",
   "foundation/components/keystrokes",
@@ -43,5 +43,3 @@
   "foundation/components/type",
   "foundation/components/offcanvas",
   "foundation/components/visibility";
-
-  // * { border-radius: 500px !important; }

data/vendor/assets/stylesheets/foundation/_settings.scss

@@ -275,6 +275,7 @@
 // We use this to control the maximum number of block grid elements per row
 // $block-grid-elements: 12;
 // $block-grid-default-spacing: rem-calc(20);
+// $align-block-grid-to-grid: true;
 
 // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
 // $block-grid-media-queries: true;
@@ -592,7 +593,7 @@
 
 // Keystrokes
 
-// $include-html-type-classes: $include-html-classes;
+// $include-html-keystroke-classes: $include-html-classes;
 
 // We use these to control text styles.
 // $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
@@ -679,8 +680,10 @@
 // $tabbar-menu-icon-padding: 0;
 
 // $tabbar-hamburger-icon-width: rem-calc(16);
-// $tabbar-hamburger-icon-left: rem-calc(13);
-// $tabbar-hamburger-icon-top: rem-calc(5);
+// $tabbar-hamburger-icon-left: false;
+// $tabbar-hamburger-icon-top: false;
+// $tapbar-hamburger-icon-thickness: 1px;
+// $tapbar-hamburger-icon-gap: 6px;
 
 // Off Canvas Back-Link Overlay
 // $off-canvas-overlay-transition: background 300ms ease;
@@ -1201,3 +1204,37 @@
 // $include-html-visibility-classes: $include-html-classes;
 // $include-table-visibility-classes: true;
 // $include-legacy-visibility-classes: true;
+
+//
+// RANGE SLIDER
+//
+
+// $include-html-range-slider-classes: $include-html-classes;
+
+// These variabels define the slider bar styles
+// $range-slider-bar-width: 100%;
+// $range-slider-bar-height: rem-calc(16);
+
+// $range-slider-bar-border-width: 1px;
+// $range-slider-bar-border-style: solid;
+// $range-slider-bar-border-color: #ddd;
+// $range-slider-radius: $global-radius;
+// $range-slider-round: $global-rounded;
+// $range-slider-bar-bg-color: #fafafa;
+
+// Vertical bar styles
+// $range-slider-vertical-bar-width: rem-calc(16);
+// $range-slider-vertical-bar-height: rem-calc(200);
+
+// These variabels define the slider handle styles
+// $range-slider-handle-width: rem-calc(32);
+// $range-slider-handle-height: rem-calc(22);
+// $range-slider-handle-position-top: rem-calc(-5);
+// $range-slider-handle-bg-color: $primary-color;
+// $range-slider-handle-border-width: 1px;
+// $range-slider-handle-border-style: solid;
+// $range-slider-handle-border-color: none;
+// $range-slider-handle-radius: $global-radius;
+// $range-slider-handle-round: $global-rounded;
+// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
+// $range-slider-handle-cursor: pointer;

data/vendor/assets/stylesheets/foundation/components/_accordion.scss

@@ -3,7 +3,6 @@
 // Licensed under MIT Open Source
 
 @import "global";
-@import "grid";
 
 //
 // @variables

data/vendor/assets/stylesheets/foundation/components/_block-grid.scss

@@ -13,7 +13,7 @@ $include-html-grid-classes: $include-html-classes !default;
 $block-grid-elements: 12 !default;
 $block-grid-default-spacing: rem-calc(20) !default;
 
-$align-block-grid-to-grid: true;
+$align-block-grid-to-grid: true !default;
 @if $align-block-grid-to-grid {
   $block-grid-default-spacing: $column-gutter;
 }

data/vendor/assets/stylesheets/foundation/components/_buttons.scss

@@ -75,9 +75,8 @@ $button-disabled-opacity: 0.7 !default;
 //
 // $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)
 // $full-width - We can set $full-width:true to remove side padding extend width - Default: false
-// $is-input - <input>'s and <button>'s take on strange padding. We added this to help fix that. Default: false
 
-@mixin button-size($padding:$button-med, $full-width:false, $is-input:false) {
+@mixin button-size($padding:$button-med, $full-width:false) {
 
   // We control which padding styles come through,
   // these can be turned off by setting $padding:false
@@ -109,20 +108,6 @@ $button-disabled-opacity: 0.7 !default;
     padding-left: 0;
     width: 100%;
   }
-
-  // <input>'s and <button>'s take on strange padding. We added this to help fix that.
-  @if $is-input == $button-lrg {
-    padding-top: $is-input + rem-calc(.5);
-    padding-bottom: $is-input + rem-calc(.5);
-    -webkit-appearance: none;
-    font-weight: $button-font-weight !important;
-  }
-  @else if $is-input {
-    padding-top: $is-input + rem-calc(1);
-    padding-bottom: $is-input;
-    -webkit-appearance: none;
-    font-weight: $button-font-weight !important;
-  }
 }
 
 // @MIXIN
@@ -187,9 +172,9 @@ $button-disabled-opacity: 0.7 !default;
 // $disabled - We can set $disabled:true to create a disabled transparent button. Default:false.
 // $is-input - <input>'s and <button>'s take on strange padding. We added this to help fix that. Default:false.
 // $is-prefix - Not used? Default:false.
-@mixin button($padding:$button-med, $bg:$primary-color, $radius:false, $full-width:false, $disabled:false, $is-input:false, $is-prefix:false) {
+@mixin button($padding:$button-med, $bg:$primary-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false) {
   @include button-base;
-  @include button-size($padding, $full-width, $is-input);
+  @include button-size($padding, $full-width);
   @include button-style($bg, $radius, $disabled);
 }
 
@@ -204,7 +189,7 @@ $button-disabled-opacity: 0.7 !default;
       @include button-style;
 
       @include single-transition(background-color);
-      @include button-size($padding:$button-med, $full-width:false, $is-input:false);
+      @include button-size($padding:$button-med, $full-width:false);
 
       &.secondary { @include button-style($bg:$secondary-color); }
       &.success   { @include button-style($bg:$success-color); }

data/vendor/assets/stylesheets/foundation/components/_flex-video.scss

@@ -15,7 +15,7 @@ $flex-video-padding-bottom: 67.5% !default;
 $flex-video-margin-bottom: rem-calc(16) !default;
 
 // We use this to control widescreen bottom padding
-$flex-video-widescreen-padding-bottom: 56.55% !default;
+$flex-video-widescreen-padding-bottom: 56.34% !default;
 
 //
 // @mixins

data/vendor/assets/stylesheets/foundation/components/_forms.scss

@@ -179,8 +179,8 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
   border-width: $input-prefix-border-size;
   overflow: $input-prefix-overflow;
   font-size: $form-label-font-size;
-  height: ($form-label-font-size + ($form-spacing * 1.5) - rem-calc(1));
-  line-height: ($form-label-font-size + ($form-spacing * 1.5) - rem-calc(1));
+  height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+  line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
 }
 
 // @MIXIN
@@ -331,7 +331,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
       background-color: $select-bg-color;
       background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==');
       background-repeat: no-repeat;
-      background-position: center $opposite-direction 3%;
+      background-position: if($text-direction == 'rtl', 3%, 97%) center;
       border: $input-border-width $input-border-style $input-border-color;
       padding: $form-spacing / 2;
       font-size: $input-font-size;
@@ -356,8 +356,8 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
     .postfix { @include prefix-postfix-base; }
 
     /* Adjust padding, alignment and radius if pre/post element is a button */
-    .postfix.button { @include button-size(false,false,false); @include postfix(false, false, true); }
-    .prefix.button { @include button-size(false,false,false); @include prefix(false, false, true); }
+    .postfix.button { @include button-size(false,false); @include postfix(false, false, true); }
+    .prefix.button { @include button-size(false,false); @include prefix(false, false, true); }
 
     .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }
     .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }

data/vendor/assets/stylesheets/foundation/components/_global.scss

@@ -298,7 +298,7 @@ $cursor-text-value: text !default;
   @if $include-html-global-classes {
 
     meta.foundation-version {
-      font-family: "/5.2.0/";
+      font-family: "/5.2.1/";
     }
     // Used to provide media query values for javascript components.
     // Forward slash placed around everything to convince PhantomJS to read the value.

data/vendor/assets/stylesheets/foundation/components/_grid.scss

@@ -101,7 +101,8 @@ $total-columns: 12 !default;
   $position:false) {
 
   // If positioned for default .column, include relative position
-  @if $position {
+  // push and pull require position set
+  @if $position or $push or $pull {
     position: relative;
   }
 
@@ -160,7 +161,7 @@ $total-columns: 12 !default;
   .columns.#{$size}-uncentered {
     margin-#{$default-float}: 0;
     margin-#{$opposite-direction}: 0;
-    float: $default-float;
+    float: $default-float !important;
   }
 
   .column.#{$size}-uncentered.opposite,

data/vendor/assets/stylesheets/foundation/components/_keystrokes.scss

@@ -7,7 +7,7 @@
 //
 // @variables
 //
-$include-html-type-classes: $include-html-classes !default;
+$include-html-keystroke-classes: $include-html-classes !default;
 
 // We use these to control text styles.
 $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
@@ -51,11 +51,11 @@ $keystroke-radius: $global-radius !default;
 }
 
 @include exports("keystroke") {
-  @if $include-html-type-classes  {
+  @if $include-html-keystroke-classes  {
     .keystroke,
     kbd {
       @include keystroke;
       @include radius($keystroke-radius);
     }
   }
-}
+}

data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss

@@ -54,8 +54,10 @@ $tabbar-menu-icon-line-height: rem-calc(33) !default;
 $tabbar-menu-icon-padding: 0 !default;
 
 $tabbar-hamburger-icon-width: rem-calc(16) !default;
-$tabbar-hamburger-icon-left: rem-calc(13) !default;
-$tabbar-hamburger-icon-top: rem-calc(5) !default;
+$tabbar-hamburger-icon-left: false !default;
+$tabbar-hamburger-icon-top: false !default;
+$tapbar-hamburger-icon-thickness: 1px !default;
+$tapbar-hamburger-icon-gap: 6px !default;
 
 // Off Canvas Back-Link Overlay
 $off-canvas-overlay-transition: background 300ms ease !default;
@@ -260,6 +262,65 @@ $menu-slide: "transform 500ms ease" !default;
     }
 }
 
+// @MIXIN
+//
+// We use this mixin to generate hamburger icon
+//
+// $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width.
+// $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False
+// $top - If false, icon will be centered vertically || explicitly set value in rem Default: $tabbar-hamburger-icon-top= False
+// $thickness - thickness of lines in hamburger icon, set value in px Default: $tapbar-hamburger-icon-thickness = 1px
+// $gap - spacing between the lines in hamburger icon, set value in px Default: $tapbar-hamburger-icon-gap = 6px
+// $color - icon color Default: $tabbar-menu-icon-color
+// $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover
+@mixin hamburger($width:$tabbar-hamburger-icon-width,
+                 $left: $tabbar-hamburger-icon-left,
+                 $top: $tabbar-hamburger-icon-top,
+                 $thickness:$tapbar-hamburger-icon-thickness,
+                 $gap:$tapbar-hamburger-icon-gap,
+                 $color:$tabbar-menu-icon-color,
+                 $hover-color:$tabbar-menu-icon-hover) {
+  span {
+    position: absolute;
+    display: block;
+    height: 0;
+    width: $width;
+
+    // disable height centering if $top is not false
+    @if $top {
+      top: $tabbar-hamburger-icon-top;
+    }
+    @else {
+      top: ($tabbar-menu-icon-height - rem-calc(3 * $thickness) - rem-calc(2 * $gap))/2;
+    }
+    // disable width centering if $top is not false
+    @if $left {
+      left: $tabbar-hamburger-icon-left;
+    }
+    @else {
+      left: ($tabbar-menu-icon-width - $width)/2;
+    }
+    @if $experimental {
+      -webkit-box-shadow: 1px 0px                       1px $thickness $color,
+                          1px ($gap + $thickness)       1px $thickness $color,
+                          1px (2*$gap + 2*$thickness)   1px $thickness $color;
+    }
+      box-shadow:         0   0px                       0   $thickness $color,
+                          0   $gap + $thickness         0   $thickness $color,
+                          0   (2 * $gap + 2*$thickness) 0   $thickness $color;
+  }
+  &:hover span {
+    @if $experimental {
+      -webkit-box-shadow: 1px 0px                       1px $thickness $hover-color,
+                          1px ($gap + $thickness)       1px $thickness $hover-color,
+                          1px (2*$gap + 2*$thickness)   1px $thickness $hover-color;
+    }
+      box-shadow:         0   0px                       0   $thickness $hover-color,
+                          0   $gap + $thickness         0   $thickness $hover-color,
+                          0   (2 * $gap + 2*$thickness) 0   $thickness $hover-color;
+  }
+}
+
 //
 // DEFAULT CLASSES
 //
@@ -289,35 +350,7 @@ $menu-slide: "transform 500ms ease" !default;
       position: relative;
 
       // this is the actual hamburger icon
-      span {
-        position: absolute;
-        display: block;
-        width: $tabbar-hamburger-icon-width;
-        height: 0;
-        left: $tabbar-hamburger-icon-left;
-        top: $tabbar-hamburger-icon-top;
-        // margin-top: $tabbar-height / 4;
-
-        @if $experimental {
-          -webkit-box-shadow: 1px 10px 1px 1px $tabbar-menu-icon-color,
-                              1px 16px 1px 1px $tabbar-menu-icon-color,
-                              1px 22px 1px 1px $tabbar-menu-icon-color;
-        }
-          box-shadow:         0 10px 0 1px $tabbar-menu-icon-color,
-                              0 16px 0 1px $tabbar-menu-icon-color,
-                              0 22px 0 1px $tabbar-menu-icon-color;
-      }
-
-      &:hover span {
-        @if $experimental {
-          -webkit-box-shadow: 1px 10px 1px 1px $tabbar-menu-icon-hover,
-                              1px 16px 1px 1px $tabbar-menu-icon-hover,
-                              1px 22px 1px 1px $tabbar-menu-icon-hover;
-        }
-          box-shadow:         0 10px 0 1px $tabbar-menu-icon-hover,
-                              0 16px 0 1px $tabbar-menu-icon-hover,
-                              0 22px 0 1px $tabbar-menu-icon-hover;
-      }
+      @include hamburger();
     }
 
     .left-off-canvas-menu { @include off-canvas-menu($position: left); }
@@ -362,4 +395,4 @@ $menu-slide: "transform 500ms ease" !default;
     }
 
   }
-}
+}

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

@@ -66,7 +66,7 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
     visibility: hidden;
     display: none;
     position: absolute;
-    z-index: 99;
+    z-index: 100;
     width: 100vw;
     top:0;
     #{$default-float}: 0;

data/vendor/assets/stylesheets/foundation/components/_tabs.scss

@@ -71,7 +71,7 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
         float: $default-float;
         padding: $tabs-content-padding 0;
         width: 100%;
-        &.active { display: block; }
+        &.active { display: block; float: none; }
         &.contained { padding: $tabs-content-padding; }
       }
       &.vertical {

data/vendor/assets/stylesheets/foundation/components/_type.scss

@@ -344,7 +344,7 @@ $text-breakpoint-up-queries:
       border: $hr-border-style $hr-border-color;
       border-width: $hr-border-width 0 0;
       clear: both;
-      margin: $hr-margin 0 ($hr-margin - em-calc(strip-unit($hr-border-width)));
+      margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));
       height: 0;
     }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 5.2.0.0
+  version: 5.2.1.0
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-06 00:00:00.000000000 Z
+date: 2014-03-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -230,7 +230,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.1.11
+rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
 summary: ZURB Foundation on Sass/Compass