foundation-rails 5.2.1.0 → 5.2.2.0

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

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

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

@@ -4,7 +4,7 @@
   Foundation.libs.slider = {
     name : 'slider',
 
-    version : '5.2.1',
+    version : '5.2.2',
 
     settings: {
       start: 0,
@@ -28,22 +28,24 @@
 
       $(this.scope)
         .off('.slider')
-        .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider', '[' + self.attr_name() + '] .range-slider-handle', function(e) {
+        .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider',
+        '[' + self.attr_name() + '] .range-slider-handle', function(e) {
           if (!self.cache.active) {
+            e.preventDefault();
             self.set_active_slider($(e.target));
           }
         })
         .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function(e) {
           if (!!self.cache.active) {
-            e.preventDefault(); 
-            self.calculate_position(self.cache.active, e.pageX || e.originalEvent.touches[0].clientX || e.currentPoint.x);
+            e.preventDefault();
+            self.calculate_position(self.cache.active, e.pageX || e.originalEvent.clientX || e.originalEvent.touches[0].clientX || e.currentPoint.x);
           }
         })
         .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function(e) {
           self.remove_active_slider();
         })
         .on('change.fndtn.slider', function(e) {
-          self.settings.on_change;
+          self.settings.on_change();
         });
 
       self.S(window)
@@ -69,11 +71,18 @@
           bar_o = $.data($handle[0], 'bar_o');
 
       requestAnimationFrame(function(){
-        var pct = self.limit_to((((cursor_x)-bar_o)/bar_w),0,1),
-            norm = self.normalized_value(pct, settings.start, settings.end, settings.step);
+        var pct;
+
+        if (Foundation.rtl) {
+          pct = self.limit_to(((bar_o+bar_w-cursor_x)/bar_w),0,1);
+        } else {
+          pct = self.limit_to(((cursor_x-bar_o)/bar_w),0,1);
+        }
+
+        var norm = self.normalized_value(pct, settings.start, settings.end, settings.step);
 
         self.set_ui($handle, norm);
-      }); 
+      });
     },
 
     set_ui : function($handle, value) {
@@ -84,9 +93,13 @@
           handle_offset = norm_pct*(bar_w-handle_w)-1,
           progress_bar_width = norm_pct*100;
 
+      if (Foundation.rtl) {
+        handle_offset = -handle_offset;
+      }
+
       this.set_translate($handle, handle_offset);
       $handle.siblings('.range-slider-active-segment').css('width', progress_bar_width+'%');
-      
+
       $handle.parent().attr(this.attr_name(), value);
       $handle.parent().trigger('change');
 
@@ -105,7 +118,7 @@
     },
 
     normalized_percentage : function(val, start, end) {
-      return val/(end - start);
+      return (val - start)/(end - start);
     },
 
     normalized_value : function(val, start, end, step) {
@@ -115,7 +128,7 @@
           mod = (point-(point%step)) / step,
           rem = point % step,
           round = ( rem >= step*0.5 ? step : 0);
-      return (mod*step + round);
+      return (mod*step + round) + start;
     },
 
     set_translate : function(ele, offset, vertical) {
@@ -151,7 +164,7 @@
 
     set_initial_position : function($ele) {
       var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'),
-          initial = (!!settings.initial ? settings.initial : Math.floor((settings.end-settings.start)*0.5/settings.step)*settings.step),
+          initial = (!!settings.initial ? settings.initial : Math.floor((settings.end-settings.start)*0.5/settings.step)*settings.step+settings.start),
           $handle = $ele.children('.range-slider-handle');
       this.set_ui($handle, initial);
     },
@@ -173,9 +186,9 @@
         var handle = $(this).children('.range-slider-handle')[0],
             val = $(this).attr(self.attr_name());
         self.initialize_settings(handle);
-        
+
         if (val) {
-          self.set_ui($(handle), parseInt(val));
+          self.set_ui($(handle), parseFloat(val));
         } else {
           self.set_initial_position($(this));
         }

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

@@ -5,13 +5,14 @@
   Foundation.libs.tab = {
     name : 'tab',
 
-    version : '5.2.1',
+    version : '5.2.2',
 
     settings : {
       active_class: 'active',
       callback : function () {},
       deep_linking: false,
-      scroll_to_content: true
+      scroll_to_content: true,
+      is_hover: false
     },
 
     default_tab_hashes: [],
@@ -35,12 +36,22 @@
       var self = this,
           S = this.S;
 
-      // Click event: tab title
-      S(this.scope).off('.tab').on('click.fndtn.tab', '[' + this.attr_name() + '] > dd > a', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        self.toggle_active_tab(S(this).parent());
-      });
+      S(this.scope)
+        .off('.tab')
+        // Click event: tab title
+        .on('click.fndtn.tab', '[' + this.attr_name() + '] > dd > a', function (e) {
+          var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
+          if (!settings.is_hover || Modernizr.touch) {
+            e.preventDefault();
+            e.stopPropagation();
+            self.toggle_active_tab(S(this).parent());
+          }
+        })
+        // Hover event: tab title
+        .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > dd > a', function (e) {
+          var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
+          if (settings.is_hover) self.toggle_active_tab(S(this).parent());
+        });
 
       // Location hash change event
       S(window).on('hashchange.fndtn.tab', function (e) {

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

@@ -4,7 +4,7 @@
   Foundation.libs.tooltip = {
     name : 'tooltip',
 
-    version : '5.2.1',
+    version : '5.2.2',
 
     settings : {
       additional_inheritable_classes : [],
@@ -36,11 +36,15 @@
       $(this.scope)
         .off('.tooltip')
         .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip',
-          '[' + this.attr_name() + ']:not(a)', function (e) {
+          '[' + this.attr_name() + ']', function (e) {
           var $this = S(this),
               settings = $.extend({}, self.settings, self.data_options($this)),
               is_touch = false;
 
+          if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type) && S(e.target).is('a')) {
+            return false;
+          }
+
           if (/mouse/i.test(e.type) && self.ie_touch(e)) return false;
 
           if ($this.hasClass('open')) {
@@ -201,7 +205,8 @@
     },
 
     small : function () {
-      return matchMedia(Foundation.media_queries.small).matches;
+      return matchMedia(Foundation.media_queries.small).matches &&
+        !matchMedia(Foundation.media_queries.medium).matches;
     },
 
     inheritable_classes : function ($target) {
@@ -258,7 +263,7 @@
       var self = this;
       this.S(this.scope).off('.fndtn.tooltip');
       this.S(this.settings.tooltip_class).each(function (i) {
-        $('[' + self.attr_name() + ']').get(i).attr('title', $(this).text());
+        $('[' + self.attr_name() + ']').eq(i).attr('title', $(this).text());
       }).remove();
     },
 

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

@@ -4,7 +4,7 @@
   Foundation.libs.topbar = {
     name : 'topbar',
 
-    version: '5.2.1',
+    version: '5.2.2',
 
     settings : {
       index : 0,
@@ -188,6 +188,8 @@
           } else {
             li.addClass('hover');
 
+            $(li).siblings().removeClass('hover');
+
             if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) {
               e.preventDefault();
             }
@@ -230,7 +232,7 @@
           return;
         }
 
-        S('[' + self.attr_name() + '] li').removeClass('hover');
+        S('[' + self.attr_name() + '] li.hover').removeClass('hover');
       });
 
       // Go up a level on Click
@@ -417,4 +419,4 @@
 
     reflow : function () {}
   };
-}(jQuery, this, this.document));
+}(jQuery, this, this.document));

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.
 
@@ -36,9 +34,10 @@
 // $include-xl-html-grid-classes: false;
 
 // $row-width: rem-calc(1000);
-// $column-gutter: rem-calc(30);
 // $total-columns: 12;
 
+// Global
+
 // We use these to control various global styles
 // $body-bg: #fff;
 // $body-font-color: #222;
@@ -71,12 +70,14 @@
 // $shiny-edge-color: rgba(#fff, .5);
 // $shiny-edge-active-color: rgba(#000, .2);
 
+// $column-gutter: rem-calc(30);
+
 // Media Query Ranges
 // $small-range: (0em, 40em);
 // $medium-range: (40.063em, 64em);
 // $large-range: (64.063em, 90em);
 // $xlarge-range: (90.063em, 120em);
-// $xxlarge-range: (120.063em);
+// $xxlarge-range: (120.063em, 99999999em);
 
 // $screen: "only screen";
 
@@ -137,7 +138,7 @@
 // These control how subheaders are styled.
 // $subheader-line-height: 1.4;
 // $subheader-font-color: scale-color($header-font-color, $lightness: 35%);
-// $subheader-font-weight: 300;
+// $subheader-font-weight: normal;
 // $subheader-top-margin: .2rem;
 // $subheader-bottom-margin: .5rem;
 
@@ -259,7 +260,7 @@
 // We use these to style the close buttons
 // $alert-close-color: #333;
 // $alert-close-top: 50%;
-// $alert-close-position: rem-calc(5);
+// $alert-close-position: rem-calc(4);
 // $alert-close-font-size: rem-calc(22);
 // $alert-close-opacity: 0.3;
 // $alert-close-opacity-hover: 0.5;
@@ -268,14 +269,20 @@
 // We use this to control border radius
 // $alert-radius: $global-radius;
 
+// We use this to control transition effects
+// $alert-transition-speed: 300ms;
+// $alert-transition-ease: ease-out;
+
 // Block Grid
 
 // $include-html-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
 // $block-grid-elements: 12;
 // $block-grid-default-spacing: rem-calc(20);
-// $align-block-grid-to-grid: true;
+// $align-block-grid-to-grid: false;
+
 
 // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
 // $block-grid-media-queries: true;
@@ -338,11 +345,13 @@
 // $button-font-align: center;
 
 // We use these to control various hover effects.
-// $button-function-factor: 5%;
+// $button-function-factor: -20%;
 
 // We use these to control button border styles.
-// $button-border-width: 1px;
+// $button-border-width: 0px;
 // $button-border-style: solid;
+// $bg: $primary-color;
+// $button-border-color: scale-color($bg, $lightness: $button-function-factor);
 
 // We use this to set the default radius used throughout the core.
 // $button-radius: $global-radius;
@@ -366,7 +375,7 @@
 // We use these to set the background colors for parts of Clearing.
 // $clearing-bg: #333;
 // $clearing-caption-bg: $clearing-bg;
-// $clearing-carousel-bg: rgba (51,51,51,0.8);
+// $clearing-carousel-bg: rgba(51,51,51,0.8);
 // $clearing-img-bg: $clearing-bg;
 
 // We use these to style the close button
@@ -396,8 +405,19 @@
 // $f-dropdown-max-width: 200px;
 // $f-dropdown-height: auto;
 // $f-dropdown-max-height: none;
+
+// Used for bottom position
 // $f-dropdown-margin-top: 2px;
 
+// Used for right position
+// $f-dropdown-margin-left: $f-dropdown-margin-top;
+
+// Used for left position
+// $f-dropdown-margin-right: $f-dropdown-margin-top;
+
+// Used for top position
+// $f-dropdown-margin-bottom: $f-dropdown-margin-top;
+
 // We use this to control the background color
 // $f-dropdown-bg: #fff;
 
@@ -470,7 +490,7 @@
 // $flex-video-margin-bottom: rem-calc(16);
 
 // We use this to control widescreen bottom padding
-// $flex-video-widescreen-padding-bottom: 57.25%;
+// $flex-video-widescreen-padding-bottom: 56.34%;
 
 // Forms
 
@@ -485,6 +505,7 @@
 // $form-label-font-weight: normal;
 // $form-label-line-height: 1.5;
 // $form-label-font-color: scale-color(#000, $lightness: 30%);
+// $form-label-small-transform: capitalize;
 // $form-label-bottom-margin: 0;
 // $input-font-family: inherit;
 // $input-font-color: rgba(0,0,0,0.75);
@@ -536,6 +557,7 @@
 
 // Select variables
 // $select-bg-color: #fafafa;
+// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
 
 // Inline Lists
 
@@ -597,7 +619,7 @@
 
 // We use these to control text styles.
 // $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
-// $keystroke-font-size: rem-calc(14);
+// $keystroke-font-size: inherit;
 // $keystroke-font-color: #222;
 // $keystroke-font-color-alt: #fff;
 // $keystroke-function-factor: -7%;
@@ -636,10 +658,12 @@
 
 // Off-canvas
 
+// $include-html-off-canvas-classes: $include-html-classes;
+
 // $tabbar-bg: #333;
 // $tabbar-height: rem-calc(45);
 // $tabbar-line-height: $tabbar-height;
-// $tabbar-color: #FFF;
+// $tabbar-color: #fff;
 // $tabbar-middle-padding: 0 rem-calc(10);
 
 // Off Canvas Divider Styles
@@ -647,13 +671,13 @@
 // $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);
 
 // Off Canvas Tab Bar Headers
-// $tabbar-header-color: #FFF;
+// $tabbar-header-color: #fff;
 // $tabbar-header-weight: bold;
 // $tabbar-header-line-height: $tabbar-height;
 // $tabbar-header-margin: 0;
 
 // Off Canvas Menu Variables
-// $off-canvas-width: 250px;
+// $off-canvas-width: rem-calc(250);
 // $off-canvas-bg: #333;
 
 // Off Canvas Menu List Variables
@@ -666,11 +690,11 @@
 // $off-canvas-label-border-bottom: none;
 // $off-canvas-label-margin:0;
 // $off-canvas-link-padding: rem-calc(10, 15);
-// $off-canvas-link-color: rgba(#FFF, 0.7);
+// $off-canvas-link-color: rgba(#fff, 0.7);
 // $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);
 
 // Off Canvas Menu Icon Variables
-// $tabbar-menu-icon-color: #FFF;
+// $tabbar-menu-icon-color: #fff;
 // $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);
 
 // $tabbar-menu-icon-text-indent: rem-calc(35);
@@ -689,8 +713,8 @@
 // $off-canvas-overlay-transition: background 300ms ease;
 // $off-canvas-overlay-cursor: pointer;
 // $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5);
-// $off-canvas-overlay-background: rgba(#FFF, 0.2);
-// $off-canvas-overlay-background-hover: rgba(#FFF, 0.05);
+// $off-canvas-overlay-background: rgba(#fff, 0.2);
+// $off-canvas-overlay-background-hover: rgba(#fff, 0.05);
 
 // Transition Variables
 // $menu-slide: "transform 500ms ease";
@@ -709,7 +733,7 @@
 // $orbit-caption-height: auto;
 
 // We use these to control the left/right nav styles
-// $orbit-nav-bg: none;
+// $orbit-nav-bg: transparent;
 // $orbit-nav-bg-hover: rgba(0,0,0,0.3);
 // $orbit-nav-arrow-color: #fff;
 // $orbit-nav-arrow-color-hover: #fff;
@@ -728,6 +752,15 @@
 // $orbit-slide-number-font-color: #fff;
 // $orbit-slide-number-padding: rem-calc(5);
 
+// We use these to controls the css animation
+// $orbit-animation-speed: 500ms;
+// $orbit-animation-ease: ease-in-out;
+
+// Hide controls on small
+// $orbit-nav-hide-for-small: true;
+// $orbit-bullet-hide-for-small: true;
+// $orbit-timer-hide-for-small: true;
+
 // Graceful Loading Wrapper and preloader
 // $wrapper-class: "slideshow-wrapper";
 // $preloader-class: "preloader";
@@ -840,16 +873,16 @@
 // $price-cta-align: center;
 // $price-cta-padding: rem-calc(20 20 0);
 
-// Progress Meters
+// Progress Bar
 
 // $include-html-media-classes: $include-html-classes;
 
-// We use this to se the prog bar height
+// We use this to set the progress bar height
 // $progress-bar-height: rem-calc(25);
 // $progress-bar-color: #f6f6f6  ;
 
 // We use these to control the border styles
-// $progress-bar-border-color: scale-color(#fff, $lightness: -20%);
+// $progress-bar-border-color: scale-color(#fff, $lightness: 20%);
 // $progress-bar-border-size: 1px;
 // $progress-bar-border-style: solid;
 // $progress-bar-border-radius: $global-radius;
@@ -874,18 +907,22 @@
 
 // We use these to control the style of the modal itself.
 // $reveal-modal-bg: #fff;
-// $reveal-position-top: 50px;
+// $reveal-position-top: rem-calc(100);
 // $reveal-default-width: 80%;
 // $reveal-modal-padding: rem-calc(20);
 // $reveal-box-shadow: 0 0 10px rgba(#000,.4);
 
 // We use these to style the reveal close button
-// $reveal-close-font-size: rem-calc(22);
+// $reveal-close-font-size: rem-calc(40);
 // $reveal-close-top: rem-calc(8);
 // $reveal-close-side: rem-calc(11);
 // $reveal-close-color: #aaa;
 // $reveal-close-weight: bold;
 
+// We use this to set the default radius used throughout the core.
+// $reveal-radius: $global-radius;
+// $reveal-round: $global-rounded;
+
 // We use these to control the modal border
 // $reveal-border-style: solid;
 // $reveal-border-width: 1px;
@@ -912,6 +949,7 @@
 // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
 // $side-nav-font-size: rem-calc(14);
 // $side-nav-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;
 
@@ -920,7 +958,7 @@
 // We use these to control border styles
 // $side-nav-divider-size: 1px;
 // $side-nav-divider-style: solid;
-// $side-nav-divider-color: scale-color(#fff, $lightness: -10%);
+// $side-nav-divider-color: scale-color(#fff, $lightness: 10%);
 
 // Split Buttons
 
@@ -974,17 +1012,17 @@
 // $sub-nav-font-color: #999;
 // $sub-nav-font-weight: normal;
 // $sub-nav-text-decoration: none;
+// $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: 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: rem-calc(3 16);
+// $sub-nav-active-padding: $sub-nav-padding;
 // $sub-nav-active-cursor: default;
 
 // $sub-nav-item-divider: "";
@@ -1158,6 +1196,7 @@
 // $topbar-link-weight: normal;
 // $topbar-link-font-size: rem-calc(13);
 // $topbar-link-hover-lightness: -10%; // Darken by 10%
+// $topbar-link-bg: $topbar-bg;
 // $topbar-link-bg-hover: #272727;
 // $topbar-link-bg-active: $primary-color;
 // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
@@ -1186,8 +1225,8 @@
 // Transitions and breakpoint styles
 // $topbar-transition-speed: 300ms;
 // Using rem-calc for the below breakpoint causes issues with top bar
-// $topbar-breakpoint: #{upper-bound($medium-range)}; // Change to 9999px for always mobile layout
-// $topbar-media-query: "only screen and (min-width: #{upper-bound($medium-range)})";
+// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
+// $topbar-media-query: $medium-up;
 
 // Divider Styles
 // $topbar-divider-border-bottom: solid 1px  scale-color($topbar-bg-color, $lightness: 13%);