foundation-rails 5.3.0.1 → 5.3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3542247b7c8a1ec5fb0c7c50fafac37030cd99d2
-  data.tar.gz: af0db775322ecd5f0e990cb002c74409e3f2593d
+  metadata.gz: 99c9a57d4882000585736126594fbef8ead8e268
+  data.tar.gz: cf11312c10d4a4c95d6b9c759273050e1ebe838d
 SHA512:
-  metadata.gz: 1b055aca2c1e102134762c17510bb7c41c6315dd40050b09acddfe3b445e94bca41a6b6a55e710d53cf2ee86a32869f2dc1a04f43be8d3f9610ec04e0cde990b
-  data.tar.gz: a13ce3de0681702659bdad4d3c6fb1af066fc54e297507f24d5b0ce9968c4e071ed801714c9e97d806c2aa56f894d56ee3534610255ebc512e01a1be1963fb92
+  metadata.gz: 05d7dea86668e4c6934c51b2d394390aaf75b804864a81f8274ded77b5c916cd9e589ae112ff6020c61f64a255840f906657232331ede98add34deebd74c302c
+  data.tar.gz: 18b5c463f31fbc0110cd4a96947077335d87ed61d4ee464355d252467e98ab414473b6f214c7ea3f3ed30f2f9b8e12d7864dd5336f62eef38b7ebbcbb0bbc63d

data/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "foundation-rails",
-  "version": "5.3.0.0",
+  "version": "5.3.1.0",
   "dependencies": {
-    "foundation": "5.3.0"
+    "foundation": "5.3.1"
   }
 }

data/lib/foundation/rails/templates/application.html.slim

@@ -6,12 +6,12 @@ html lang="en"
 
     title == content_for?(:title) ? yield(:title) : "Untitled"
 
-  = stylesheet_link_tag "application"
-  = javascript_include_tag "vendor/modernizr"
-  = csrf_meta_tag
+    = stylesheet_link_tag "application"
+    = javascript_include_tag "vendor/modernizr"
+    = csrf_meta_tag
 
-body
+  body
 
-  == yield
+    == yield
 
-  = javascript_include_tag "application"
+    = javascript_include_tag "application"

data/lib/foundation/rails/version.rb

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "5.3.0.1"
+    VERSION = "5.3.1.0"
   end
 end

data/vendor/assets/_settings.scss

@@ -12,8 +12,6 @@
 // Allows the use of rem-calc() or lower-bound() in your settings
 @import "foundation/functions";
 
-// $experimental: true;
-
 // The default font-size is set to 100% of the browser style sheet (usually 16px)
 // for compatibility with browser-based text zoom or user-set defaults.
 
@@ -26,13 +24,13 @@
 // $base-line-height: 150%;
 
 // We use this to control whether or not CSS classes come through in the gem files.
-// $include-html-classes: true;
+$include-html-classes: true;
 // $include-print-styles: true;
-// $include-html-global-classes: $include-html-classes;
+$include-html-global-classes: $include-html-classes;
 
-// Grid 
+// Grid
 
-// $include-html-block-grid-classes: $include-html-classes; 
+// $include-html-grid-classes: $include-html-classes;
 // $include-xl-html-grid-classes: false;
 
 // $row-width: rem-calc(1000);
@@ -41,14 +39,15 @@
 // Global
 
 // We use these to define default font weights
-// $font-weight-normal: normal !default
-// $font-weight-bold: bold !default
+// $font-weight-normal: normal !default;
+// $font-weight-bold: bold !default;
 
 // We use these to control various global styles
 // $body-bg: #fff;
 // $body-font-color: #222;
 // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $body-font-weight: $font-weight-normal;
+$font-weight-normal:normal;
+$body-font-weight: $font-weight-normal;
 // $body-font-style: normal;
 
 // We use this to control font-smoothing
@@ -60,7 +59,7 @@
 // $default-float: left;
 
 // We use these as default colors throughout
-// $primary-color: #008CBA;
+$primary-color: #008CBA;
 // $secondary-color: #e7e7e7;
 // $alert-color: #f04124;
 // $success-color: #43AC6A;
@@ -294,7 +293,7 @@
 
 // Block Grid
 
-// $include-html-grid-classes: $include-html-classes;
+// $include-html-block-grid-classes: $include-html-classes;
 // $include-xl-html-block-grid-classes: false;
 
 // We use this to control the maximum number of block grid elements per row
@@ -370,7 +369,7 @@
 // $button-border-width: 0px;
 // $button-border-style: solid;
 // $button-bg: $primary-color;
-// $button-border-color: scale-color($bg, $lightness: $button-function-factor);
+// $button-border-color: scale-color($button-bg, $lightness: $button-function-factor);
 
 // We use this to set the default radius used throughout the core.
 // $button-radius: $global-radius;
@@ -674,7 +673,7 @@
 // $include-html-magellan-classes: $include-html-classes;
 
 // $magellan-bg: #fff;
-// $magellan-padding: 10px;
+$magellan-padding: 0 !important;
 
 // Off-canvas
 
@@ -963,13 +962,20 @@
 // $side-nav-link-color: $primary-color;
 // $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
 // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);
+// $side-nav-link-margin: 0;
+// $side-nav-link-padding: rem-calc(7 14);
 // $side-nav-font-size: rem-calc(14);
 // $side-nav-font-weight: $font-weight-normal;
 // $side-nav-font-weight-active: $side-nav-font-weight;
 // $side-nav-font-family: $body-font-family;
 // $side-nav-active-font-family: $side-nav-font-family;
 
-
+// We use these to control heading styles.
+// $side-nav-heading-color: $side-nav-link-color;
+// $side-nav-heading-font-size: $side-nav-font-size;
+// $side-nav-heading-font-weight: bold;
+// $side-nav-heading-text-transform: uppercase;
 
 // We use these to control border styles
 // $side-nav-divider-size: 1px;
@@ -1028,18 +1034,18 @@
 // $sub-nav-font-color: #999;
 // $sub-nav-font-weight: $font-weight-normal;
 // $sub-nav-text-decoration: none;
-// $sub-nav-padding: rem-calc(3 16);
+$sub-nav-padding: rem-calc(3 16);
 // $sub-nav-border-radius: 3px;
 // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
 
 
 // We use these to control the active item styles
-// $sub-nav-active-font-weight: $font-weight-normal;
-// $sub-nav-active-bg: $primary-color;
-// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
-// $sub-nav-active-color: #fff;
-// $sub-nav-active-padding: $sub-nav-padding;
-// $sub-nav-active-cursor: default;
+$sub-nav-active-font-weight: $font-weight-normal;
+$sub-nav-active-bg: $primary-color;
+$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
+$sub-nav-active-color: #fff;
+$sub-nav-active-padding: $sub-nav-padding;
+$sub-nav-active-cursor: default;
 
 // $sub-nav-item-divider: "";
 // $sub-nav-item-divider-margin: rem-calc(12);
@@ -1057,10 +1063,10 @@
 // $switch-bg: #fff;
 
 // We use these to control the switch heights for our default classes
-// $switch-height-tny: 22px;
-// $switch-height-sml: 28px;
-// $switch-height-med: 36px;
-// $switch-height-lrg: 44px;
+// $switch-height-tny: rem-calc(22);
+// $switch-height-sml: rem-calc(28);
+// $switch-height-med: rem-calc(36);
+// $switch-height-lrg: rem-calc(44);
 // $switch-bottom-margin: rem-calc(20);
 
 // We use these to control default font sizes for our classes.
@@ -1255,6 +1261,21 @@
 // $topbar-sticky-class: ".sticky";
 // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
 
+// ICON BAR
+
+// We use these to style the icon-bar and items
+// $include-html-icon-bar-classes: $include-html-classes;
+// $icon-bar-bg: #333;
+// $icon-bar-font-color: #fff;
+// $icon-bar-font-size: 1rem;
+// $icon-bar-hover-color: $primary-color;
+// $icon-bar-icon-color: #fff;
+// $icon-bar-icon-size: 1.875rem;
+// $icon-bar-image-width: 1.875rem;
+// $icon-bar-image-height: 1.875rem;
+// $icon-bar-active-color: $primary-color;
+// $icon-bar-item-padding: 1.25rem;
+
 //
 // VISIBILITY CLASSES
 //
@@ -1262,6 +1283,7 @@
 // $include-html-visibility-classes: $include-html-classes;
 // $include-table-visibility-classes: true;
 // $include-legacy-visibility-classes: true;
+// $include-accessibility-classes: true;
 
 //
 // RANGE SLIDER

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

@@ -4,7 +4,7 @@
   Foundation.libs.abide = {
     name : 'abide',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings : {
       live_validate : true,

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

@@ -4,7 +4,7 @@
   Foundation.libs.accordion = {
     name : 'accordion',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings : {
       active_class: 'active',
@@ -26,7 +26,7 @@
         var accordion = S(this).closest('[' + self.attr_name() + ']'),
             target = S('#' + this.href.split('#')[1]),
             siblings = S('dd > .content', accordion),
-            aunts = $('dd', accordion),
+            aunts = $('>dd', accordion),
             groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()),
             settings = accordion.data(self.attr_name(true) + '-init'),
             active_content = S('dd > .content.' + settings.active_class, accordion);

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

@@ -4,7 +4,7 @@
   Foundation.libs.alert = {
     name : 'alert',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings : {
       callback: function (){}

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

@@ -4,7 +4,7 @@
   Foundation.libs.clearing = {
     name : 'clearing',
 
-    version: '5.3.0',
+    version: '5.3.1',
 
     settings : {
       templates : {
@@ -196,6 +196,11 @@
           label = self.S('.clearing-touch-label', container),
           error = false;
 
+      // Event to disable scrolling on touch devices when Clearing is activated
+      $('body').on('touchmove',function(e){
+        e.preventDefault();
+      });
+
       image.error(function () {
         error = true;
       });
@@ -267,6 +272,9 @@
         visible_image.trigger('closed.fndtn.clearing');        
       }
 
+      // Event to re-enable scrolling on touch devices
+      $('body').off('touchmove');
+
       return false;
     },
 

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

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

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

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

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

@@ -4,7 +4,7 @@
   Foundation.libs.interchange = {
     name : 'interchange',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     cache : {},
 

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

@@ -6,7 +6,7 @@
   Foundation.libs.joyride = {
     name : 'joyride',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     defaults : {
       expose                   : false,     // turn on or off the expose feature
@@ -196,7 +196,7 @@
     },
 
     button_text : function (txt) {
-      if (this.settings.next_button) {
+      if (this.settings.tip_settings.next_button) {
         txt = $.trim(txt) || 'Next';
         txt = $(this.settings.template.button).append(txt)[0].outerHTML;
       } else {
@@ -206,6 +206,7 @@
     },
 
     create : function (opts) {
+      this.settings.tip_settings = $.extend({}, this.settings, this.data_options(opts.$li));
       var buttonText = opts.$li.attr(this.add_namespace('data-button')) 
         || opts.$li.attr(this.add_namespace('data-text')),
         tipClass = opts.$li.attr('class'),

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

@@ -278,7 +278,7 @@
   window.Foundation = {
     name : 'Foundation',
 
-    version : '5.3.0',
+    version : '5.3.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.3.0',
+    version : '5.3.1',
 
     settings : {
       active_class: 'active',
@@ -38,10 +38,12 @@
           
           if (target.length === 0) {
             target = $('#'+hash);
+            
           }
 
+
           // Account for expedition height if fixed position
-          var scroll_top = target.offset().top - settings.destination_threshold;
+          var scroll_top = target.offset().top - settings.destination_threshold + 1;
           scroll_top = scroll_top - expedition.outerHeight();
 
           $('html, body').stop().animate({

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

@@ -4,7 +4,7 @@
   Foundation.libs.offcanvas = {
     name : 'offcanvas',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings : {
       open_method: 'move',

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

@@ -40,7 +40,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);
     };
@@ -402,7 +402,7 @@
   Foundation.libs.orbit = {
     name: 'orbit',
 
-    version: '5.3.0',
+    version: '5.3.1',
 
     settings: {
       animation: 'slide',
@@ -469,4 +469,4 @@
   };
 
     
-}(jQuery, window, window.document));
+}(jQuery, window, window.document));

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

@@ -4,7 +4,7 @@
   Foundation.libs.reveal = {
     name : 'reveal',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     locked : false,
 
@@ -48,7 +48,7 @@
         .off('.reveal')
         .on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']:not([disabled])', function (e) {
           e.preventDefault();
-
+        
           if (!self.locked) {
             var element = S(this),
                 ajax = element.data(self.data_attr('reveal-ajax'));
@@ -134,6 +134,7 @@
       return true;
     },
 
+
     open : function (target, ajax_settings) {
       var self = this,
           modal;
@@ -154,6 +155,11 @@
       var settings = modal.data(self.attr_name(true) + '-init');
       settings = settings || this.settings;
 
+
+      if (modal.hasClass('open') && target.attr('data-reveal-id') == modal.attr('id')) {
+        return self.close(modal);
+      }
+
       if (!modal.hasClass('open')) {
         var open_modal = self.S('[' + self.attr_name() + '].open');
 
@@ -373,7 +379,7 @@
 
       if (iframe.length > 0) {
         iframe.attr('data-src', iframe[0].src);
-        iframe.attr('src', 'about:blank');
+        iframe.attr('src', iframe.attr('src'));
         video.hide();
       }
     },

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

@@ -4,7 +4,7 @@
   Foundation.libs.slider = {
     name : 'slider',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings: {
       start: 0,
@@ -40,10 +40,15 @@
           if (!!self.cache.active) {
             e.preventDefault();
             if ($.data(self.cache.active[0], 'settings').vertical) {
-              self.calculate_position(self.cache.active, e.pageY || 
-                                                         e.originalEvent.clientY || 
-                                                         e.originalEvent.touches[0].clientY || 
-                                                         e.currentPoint.y);
+              var scroll_offset = 0;
+              if (!e.pageY) {
+                scroll_offset = window.scrollY;
+              }
+              self.calculate_position(self.cache.active, (e.pageY || 
+                                                          e.originalEvent.clientY || 
+                                                          e.originalEvent.touches[0].clientY || 
+                                                          e.currentPoint.y) 
+                                                          + scroll_offset);
             } else {
               self.calculate_position(self.cache.active, e.pageX || 
                                                          e.originalEvent.clientX || 

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

@@ -4,7 +4,7 @@
   Foundation.libs.tab = {
     name : 'tab',
 
-    version : '5.3.0',
+    version : '5.3.1',
 
     settings : {
       active_class: 'active',

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

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

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

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

data/vendor/assets/javascripts/vendor/modernizr.js

@@ -1,5 +1,5 @@
 /*!
- * Modernizr v2.8.2
+ * Modernizr v2.8.3
  * www.modernizr.com
  *
  * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
@@ -24,7 +24,7 @@
 
 window.Modernizr = (function( window, document, undefined ) {
 
-    var version = '2.8.2',
+    var version = '2.8.3',
 
     Modernizr = {},
 

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

@@ -12,8 +12,6 @@
 // Allows the use of rem-calc() or lower-bound() in your settings
 @import "foundation/functions";
 
-// $experimental: true;
-
 // The default font-size is set to 100% of the browser style sheet (usually 16px)
 // for compatibility with browser-based text zoom or user-set defaults.
 
@@ -26,13 +24,13 @@
 // $base-line-height: 150%;
 
 // We use this to control whether or not CSS classes come through in the gem files.
-// $include-html-classes: true;
+$include-html-classes: true;
 // $include-print-styles: true;
-// $include-html-global-classes: $include-html-classes;
+$include-html-global-classes: $include-html-classes;
 
-// Grid 
+// Grid
 
-// $include-html-block-grid-classes: $include-html-classes; 
+// $include-html-grid-classes: $include-html-classes;
 // $include-xl-html-grid-classes: false;
 
 // $row-width: rem-calc(1000);
@@ -41,14 +39,15 @@
 // Global
 
 // We use these to define default font weights
-// $font-weight-normal: normal !default
-// $font-weight-bold: bold !default
+// $font-weight-normal: normal !default;
+// $font-weight-bold: bold !default;
 
 // We use these to control various global styles
 // $body-bg: #fff;
 // $body-font-color: #222;
 // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $body-font-weight: $font-weight-normal;
+$font-weight-normal:normal;
+$body-font-weight: $font-weight-normal;
 // $body-font-style: normal;
 
 // We use this to control font-smoothing
@@ -60,7 +59,7 @@
 // $default-float: left;
 
 // We use these as default colors throughout
-// $primary-color: #008CBA;
+$primary-color: #008CBA;
 // $secondary-color: #e7e7e7;
 // $alert-color: #f04124;
 // $success-color: #43AC6A;
@@ -294,7 +293,7 @@
 
 // Block Grid
 
-// $include-html-grid-classes: $include-html-classes;
+// $include-html-block-grid-classes: $include-html-classes;
 // $include-xl-html-block-grid-classes: false;
 
 // We use this to control the maximum number of block grid elements per row
@@ -370,7 +369,7 @@
 // $button-border-width: 0px;
 // $button-border-style: solid;
 // $button-bg: $primary-color;
-// $button-border-color: scale-color($bg, $lightness: $button-function-factor);
+// $button-border-color: scale-color($button-bg, $lightness: $button-function-factor);
 
 // We use this to set the default radius used throughout the core.
 // $button-radius: $global-radius;
@@ -674,7 +673,7 @@
 // $include-html-magellan-classes: $include-html-classes;
 
 // $magellan-bg: #fff;
-// $magellan-padding: 10px;
+$magellan-padding: 0 !important;
 
 // Off-canvas
 
@@ -963,13 +962,20 @@
 // $side-nav-link-color: $primary-color;
 // $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
 // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);
+// $side-nav-link-margin: 0;
+// $side-nav-link-padding: rem-calc(7 14);
 // $side-nav-font-size: rem-calc(14);
 // $side-nav-font-weight: $font-weight-normal;
 // $side-nav-font-weight-active: $side-nav-font-weight;
 // $side-nav-font-family: $body-font-family;
 // $side-nav-active-font-family: $side-nav-font-family;
 
-
+// We use these to control heading styles.
+// $side-nav-heading-color: $side-nav-link-color;
+// $side-nav-heading-font-size: $side-nav-font-size;
+// $side-nav-heading-font-weight: bold;
+// $side-nav-heading-text-transform: uppercase;
 
 // We use these to control border styles
 // $side-nav-divider-size: 1px;
@@ -1028,18 +1034,18 @@
 // $sub-nav-font-color: #999;
 // $sub-nav-font-weight: $font-weight-normal;
 // $sub-nav-text-decoration: none;
-// $sub-nav-padding: rem-calc(3 16);
+$sub-nav-padding: rem-calc(3 16);
 // $sub-nav-border-radius: 3px;
 // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
 
 
 // We use these to control the active item styles
-// $sub-nav-active-font-weight: $font-weight-normal;
-// $sub-nav-active-bg: $primary-color;
-// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
-// $sub-nav-active-color: #fff;
-// $sub-nav-active-padding: $sub-nav-padding;
-// $sub-nav-active-cursor: default;
+$sub-nav-active-font-weight: $font-weight-normal;
+$sub-nav-active-bg: $primary-color;
+$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
+$sub-nav-active-color: #fff;
+$sub-nav-active-padding: $sub-nav-padding;
+$sub-nav-active-cursor: default;
 
 // $sub-nav-item-divider: "";
 // $sub-nav-item-divider-margin: rem-calc(12);
@@ -1057,10 +1063,10 @@
 // $switch-bg: #fff;
 
 // We use these to control the switch heights for our default classes
-// $switch-height-tny: 22px;
-// $switch-height-sml: 28px;
-// $switch-height-med: 36px;
-// $switch-height-lrg: 44px;
+// $switch-height-tny: rem-calc(22);
+// $switch-height-sml: rem-calc(28);
+// $switch-height-med: rem-calc(36);
+// $switch-height-lrg: rem-calc(44);
 // $switch-bottom-margin: rem-calc(20);
 
 // We use these to control default font sizes for our classes.
@@ -1255,6 +1261,21 @@
 // $topbar-sticky-class: ".sticky";
 // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
 
+// ICON BAR
+
+// We use these to style the icon-bar and items
+// $include-html-icon-bar-classes: $include-html-classes;
+// $icon-bar-bg: #333;
+// $icon-bar-font-color: #fff;
+// $icon-bar-font-size: 1rem;
+// $icon-bar-hover-color: $primary-color;
+// $icon-bar-icon-color: #fff;
+// $icon-bar-icon-size: 1.875rem;
+// $icon-bar-image-width: 1.875rem;
+// $icon-bar-image-height: 1.875rem;
+// $icon-bar-active-color: $primary-color;
+// $icon-bar-item-padding: 1.25rem;
+
 //
 // VISIBILITY CLASSES
 //
@@ -1262,6 +1283,7 @@
 // $include-html-visibility-classes: $include-html-classes;
 // $include-table-visibility-classes: true;
 // $include-legacy-visibility-classes: true;
+// $include-accessibility-classes: true;
 
 //
 // RANGE SLIDER

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

@@ -21,33 +21,25 @@ $accordion-navigation-font-family: $body-font-family !default;
 $accordion-content-padding: $column-gutter/2 !default;
 $accordion-content-active-bg-color: #fff !default;
 
-/* 
-  Mixin: accordion-container() 
 
-  Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix
-
-  Explicit Dependencies: a clearfix mixin *is* defined. 
-
-  Implicit Dependencies: None 
-
-*/
+//  Mixin: accordion-container()
+//  Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix
+//  Explicit Dependencies: a clearfix mixin *is* defined.
+//  Implicit Dependencies: None
 
 @mixin accordion-container() {
   @include clearfix;
   margin-bottom: 0;
 }
 
-/*
-  Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class,  $font-color, $font-size, $font-family){
-  
-    @params $bg-color: [ color or string ]: Specify the background color for the navigation element
-    @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
-    @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. 
-    @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible 
-    @params $font-color [ color or string ]: Color of the font for accordion 
-    @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element 
-    @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
-*/
+//  Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class,  $font-color, $font-size, $font-family){
+//    @params $bg-color: [ color or string ]: Specify the background color for the navigation element
+//    @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
+//    @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.
+//    @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible
+//    @params $font-color [ color or string ]: Color of the font for accordion
+//    @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element
+//    @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
 
 @mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active',  $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){
   display: block;
@@ -87,7 +79,7 @@ $accordion-content-active-bg-color: #fff !default;
         font-size: $accordion-navigation-font-size;
       }
       @else{
-        @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate a value for font-size.";
+        @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.";
         font-size: null;
 
       }
@@ -101,13 +93,10 @@ $accordion-content-active-bg-color: #fff !default;
   }
 }
 
-/*
-
-  Mixin: accordion-content($bg, $padding, $active-class) 
-    @params $padding [ number ]: Padding for the content of the container 
-    @params $bg [ color  ]: Background color for the content when it's visible 
-    @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. 
-*/
+//  Mixin: accordion-content($bg, $padding, $active-class)
+//    @params $padding [ number ]: Padding for the content of the container
+//    @params $bg [ color  ]: Background color for the content when it's visible
+//    @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.
 
 @mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){
   display: none; 

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

@@ -38,6 +38,8 @@ $button-border-width: 0px !default;
 $button-border-style: solid !default;
 $button-bg: $primary-color !default;
 $button-border-color: scale-color($button-bg, $lightness: $button-function-factor) !default;
+$button-hover-color: scale-color($button-bg, $lightness: $button-function-factor) !default;
+
 
 // We use this to set the default radius used throughout the core.
 $button-radius: $global-radius !default;
@@ -118,9 +120,11 @@ $button-disabled-opacity: 0.7 !default;
 // We use this mixin to add button color styles
 //
 // $bg - Primary color set in settings file. Default: $button-bg.
+// $bc - Button Border Color. Default: $button-border-color
+// $bh - Button Hover Color. Default: $button-hover-color
 // $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true
 // $disabled - We can set $disabled:true to create a disabled transparent button. Default: false
-@mixin button-style($bg:$button-bg, $radius:false, $disabled:false) {
+@mixin button-style($bg:$button-bg, $radius:false, $disabled:false, $bc:$button-border-color, $bh:$button-hover-color) {
 
   // We control which background styles are used,
   // these can be removed by setting $bg:false
@@ -129,9 +133,9 @@ $button-disabled-opacity: 0.7 !default;
     $bg-lightness: lightness($bg);
 
     background-color: $bg;
-    border-color: scale-color($bg, $lightness: $button-function-factor);
+    border-color: $bc;
     &:hover,
-    &:focus { background-color: scale-color($bg, $lightness: $button-function-factor); }
+    &:focus { background-color: $bh; }
 
     // We control the text color for you based on the background color.
     @if $bg-lightness > 70% {
@@ -212,6 +216,9 @@ $button-disabled-opacity: 0.7 !default;
       }
     }
 
+    //firefox 2px fix
+    button::-moz-focus-inner {border:0; padding:0;}
+
     @media #{$medium-up} {
       button, .button {
         @include button-base($style:false, $display:inline-block);

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

@@ -128,7 +128,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
   }
 
   // Disabled background input background color
-  &[disabled], fieldset[disabled] & { background-color: $input-disabled-bg; }
+  &[disabled], &[readonly], fieldset[disabled] & { background-color: $input-disabled-bg; }
 }
 
 // @MIXIN
@@ -305,6 +305,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
 // We use this mixin to style select elements
 @mixin form-select  {
   -webkit-appearance: none !important;
+  -webkit-border-radius: 0px;
   background-color: $select-bg-color;
   
   // The custom arrow have some fake horizontal padding so we can align it
@@ -388,6 +389,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
     input[type="url"],
     textarea {
       -webkit-appearance: none;
+      -webkit-border-radius: 0px;
       @include form-element;
       @if $input-include-glowing-effect == false {
           @include single-transition(all, 0.15s, linear);
@@ -399,6 +401,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
 
     input[type="submit"] {
       -webkit-appearance: none;
+      -webkit-border-radius: 0px;
     }
 
     /* Respect enforced amount of rows for textarea */
@@ -442,7 +445,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
     /* Error Handling */
 
     #{data('abide')} {
-      .error small.error, span.error, small.error {
+      .error small.error, .error span.error, span.error, small.error {
         @include form-error-message;
       }
       span.error, small.error { display: none; }

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

@@ -11,9 +11,6 @@
 // styles get applied to [data-mysite-plugin], etc
 $namespace: false !default;
 
-// Control the inclusion of experimental properties
-$experimental: true !default;
-
 // The default font-size is set to 100% of the browser style sheet (usually 16px)
 // for compatibility with browser-based text zoom or user-set defaults.
 
@@ -29,16 +26,6 @@ $base-line-height: 150% !default;
 // Global Foundation Mixins
 //
 
-// @mixins
-//
-// We use this to optionally include experimental or
-// explicitly vendor prefixed properties
-@mixin experimental() {
-  @if $experimental {
-    @content;
-  }
-}
-
 // @mixins
 //
 // We use this to control border radius.
@@ -327,7 +314,7 @@ $cursor-text-value: text !default;
   // Forward slash placed around everything to convince PhantomJS to read the value.
 
   meta.foundation-version {
-    font-family: "/5.2.3/";
+    font-family: "/5.3.1/";
   }
 
   meta.foundation-mq-small {

data/vendor/assets/stylesheets/foundation/components/_icon-bar.scss

@@ -8,7 +8,7 @@
 // @name
 // @dependencies _global.scss
 
-
+$include-html-icon-bar-classes: $include-html-classes !default;
 
 // @variables
 
@@ -188,42 +188,44 @@ $icon-bar-item-padding: 1.25rem !default;
   $base-style:true) {
     @include icon-bar-base();
     @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height);
-    @include icon-bar-style($bar-bg, $bar-font-color, $bar-hover-color, $bar-icon-color, $bar-active-color, $base-style: true);
+    @include icon-bar-style($bar-bg, $bar-font-color, $bar-hover-color, $bar-icon-color, $bar-active-color, $base-style);
 }
 
 @include exports("icon-bar") {
-  @if $include-html-form-classes {
-    div.icon-bar {
+  @if $include-html-icon-bar-classes {
+    .icon-bar {
       @include icon-bar;
     }
   }
 }
 
+@if $include-html-icon-bar-classes {
 
-/* toolbar styles */
+	// toolbar styles
 
-.icon-bar {
+	.icon-bar {
 
-	// Counts
+		// Counts
 
-	&.two-up {
-		.item { width: 50%; }
-		&.vertical .item { width: auto; }
-	}
-	&.three-up {
-		.item { width: 33.3333%; }
-		&.vertical .item { width: auto; }
-	}
-	&.four-up {
-		.item { width: 25%; }
-		&.vertical .item { width: auto; }
-	}
-	&.five-up {
-		.item { width: 20%; }
-		&.vertical .item { width: auto; }
-	}
-	&.six-up {
-		.item { width: 16.66667%; }
-		&.vertical .item { width: auto; }
+		&.two-up {
+			.item { width: 50%; }
+			&.vertical .item { width: auto; }
+		}
+		&.three-up {
+			.item { width: 33.3333%; }
+			&.vertical .item { width: auto; }
+		}
+		&.four-up {
+			.item { width: 25%; }
+			&.vertical .item { width: auto; }
+		}
+		&.five-up {
+			.item { width: 20%; }
+			&.vertical .item { width: auto; }
+		}
+		&.six-up {
+			.item { width: 16.66667%; }
+			&.vertical .item { width: auto; }
+		}
 	}
-}
+}

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

@@ -97,6 +97,7 @@ $label-font-family: $body-font-family !default;
       &.round { @include label-style(false, $radius:1000px); }
 
       &.alert     { @include label-style($alert-color); }
+      &.warning   { @include label-style($warning-color); }
       &.success   { @include label-style($success-color); }
       &.secondary { @include label-style($secondary-color); }
     }

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

@@ -48,12 +48,16 @@ $pagination-link-current-active-bg: $primary-color !default;
 // @mixins
 // Style unavailable list items
 @mixin pagination-unavailable-item {
-  a {
+  a, button {
     cursor: $pagination-link-unavailable-cursor;
     color: $pagination-link-unavailable-font-color;
   }
   &:hover a,
-  & a:focus { background: $pagination-link-unavailable-bg-active; }
+  & a:focus,
+
+  &:hover button,
+  & button:focus
+  { background: $pagination-link-unavailable-bg-active; }
 }
 // @mixins
 // Style the current list item. Do not assume that the current item has
@@ -61,7 +65,7 @@ $pagination-link-current-active-bg: $primary-color !default;
 // $has-anchor - Default: true, Options: false
 @mixin pagination-current-item($has-anchor: true) {
   @if $has-anchor {
-    a {
+    a, button {
       background: $pagination-link-current-background;
       color: $pagination-link-current-font-color;
       font-weight: $pagination-link-current-font-weight;
@@ -103,15 +107,23 @@ $pagination-link-current-active-bg: $primary-color !default;
       font-size: $pagination-li-font-size;
       margin-#{$default-float}: $pagination-li-margin;
 
-      a {
+      a, button {
         display: block;
         padding: $pagination-link-pad;
         color: $pagination-link-font-color;
+        background: none;
         @include radius;
+        font-weight: normal;
+        font-size: 1em;
+        line-height: inherit;
+        @include single-transition(background-color);
       }
 
       &:hover a,
-      a:focus { background: $pagination-link-active-bg; }
+      a:focus,
+      &:hover button,
+      button:focus
+      { background: $pagination-link-active-bg; }
 
       @if $use-default-classes {
         &.unavailable { @include pagination-unavailable-item(); }

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

@@ -1,4 +1,4 @@
-/* toolbar styles */
+// toolbar styles
 
 .toolbar {
 	background: #333;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 5.3.0.1
+  version: 5.3.1.0
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-19 00:00:00.000000000 Z
+date: 2014-07-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -188,7 +188,6 @@ files:
 - vendor/assets/stylesheets/foundation/components/_global.scss
 - vendor/assets/stylesheets/foundation/components/_grid.scss
 - vendor/assets/stylesheets/foundation/components/_icon-bar.scss
-- vendor/assets/stylesheets/foundation/components/_iconbar.scss
 - vendor/assets/stylesheets/foundation/components/_inline-lists.scss
 - vendor/assets/stylesheets/foundation/components/_joyride.scss
 - vendor/assets/stylesheets/foundation/components/_keystrokes.scss

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

@@ -1,67 +0,0 @@
-/* toolbar styles */
-
-.iconbar {
-	background: #333;
-	width: 100%;
-	font-size: 0;
-	display: inline-block;
-
-	&.label-bottom .tab .tab-content {
-		i, img { margin-bottom: 10px; }
-	}
-
-	&.label-right .tab .tab-content {
-		i, img { margin-right: 10px; display: inline-block;}
-		label { display: inline-block; }
-	}
-
-	&.vertical.label-right .tab .tab-content {
-		text-align: left;
-	}
-
-	&.vertical {
-		height: 100%;
-		width: auto;
-
-		.tab {
-			width: auto;
-			margin: auto;
-			float: none;
-		}
-	}
-	
-	.tab {
-		text-align: center;
-		width: 25%;
-		margin: 0 auto;
-		display: block;
-		padding: 20px;
-		float: left;
-
-		&:hover {
-			background: rgba(#fff, 0.1);
-		}
-	}
-}		
-		
-.toolbar .tab-content {
-	font-size: 16px;
-	text-align: center;
-
-	label { color: #ccc; }
-
-	i {
-		font-size: 30px;
-		display: block;
-		margin: 0 auto;
-		color: #ccc;
-		vertical-align: middle;
-	}
-
-	img {
-		width: 30px;
-		height: 30px;
-		display: block;
-		margin: 0 auto;
-	}
-}