foundation-rails 6.4.1.3 → 6.4.3.0

data/vendor/assets/scss/xy-grid/_frame.scss

@@ -2,21 +2,52 @@
 ///
 /// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
 /// @param {Boolean} $nested [false] - Is grid nested or not. If nested is true this sets the frame to 100% height, otherwise will be 100vh.
+/// @param {Number|Map} $gutters [null] - Map or single value for gutters.
+/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from.
+/// @param {Boolean} $include-base [true] - Include the base styles that don't vary per breakpoint.
 @mixin xy-grid-frame(
   $vertical: false,
-  $nested: false
+  $nested: false,
+  $gutters: null,
+  $breakpoint: null,
+  $include-base: true
 ) {
 
-  @if $vertical == true {
-    height: if($nested == true, 100%, 100vh);
-  } @else {
-    width: if($nested == true, 100%, 100vw);
+  @if $include-base {
+    overflow: hidden;
+    position: relative;
+    flex-wrap: nowrap;
+    align-items: stretch;
   }
 
-  overflow: hidden;
-  position: relative;
-  flex-wrap: nowrap;
-  align-items: stretch;
+  @if $breakpoint == null and type-of($gutters) == 'map' {
+    @include -zf-each-breakpoint() {
+      @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size, false);
+    }
+  } @else {
+    // Get our gutters if applicable
+    $gutter: -zf-get-bp-val($gutters, $breakpoint);
+
+    // If we have a gutter, add it to the width/height
+    @if $gutter {
+      @if $vertical == true {
+        $unit: if($nested == true, 100%, 100vh);
+        $gutter: rem-calc($gutter);
+        height: calc(#{$unit} + #{$gutter});
+      } @else {
+        $unit: if($nested == true, 100%, 100vw);
+        $gutter: rem-calc($gutter);
+        width: calc(#{$unit} + #{$gutter});
+      }
+    }
+    @else {
+      @if $vertical == true {
+        height: if($nested == true, 100%, 100vh);
+      } @else {
+        width: if($nested == true, 100%, 100vw);
+      }
+    }
+  }
 }
 
 /// Modifies a cell to give it "block" behavior (overflow auto, inertial scrolling)

data/vendor/assets/scss/xy-grid/_grid.scss

@@ -10,36 +10,15 @@
 ///
 /// @param {Number} $width [$grid-container] - a width to limit the container to.
 @mixin xy-grid-container(
-  $width: $grid-container
+  $width: $grid-container,
+  $padding: $grid-container-padding
 ) {
+  @include xy-gutters($gutters: $padding, $gutter-type: padding);
+
   max-width: $width;
   margin: 0 auto;
 }
 
-/// Add padding to your container, up to a particular size
-///
-/// @param {Number} $width [$grid-container] - a width to limit the container to.
-@mixin xy-grid-container-padding(
-  $padding: $grid-container-padding,
-  $max: $grid-container-max
-) {
-  // Output our margin gutters.
-  @if (type-of($padding) == 'map') {
-    @include -zf-breakpoint-value(auto, $padding) {
-      padding-left: rem-calc($-zf-bp-value / 2);
-      padding-right: rem-calc($-zf-bp-value / 2);
-    }
-  }
-  @elseif (type-of($padding) == 'number') {
-    padding-left: rem-calc($padding) / 2;
-    padding-right: rem-calc($padding) / 2;
-  }
-  @include breakpoint($max) {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
 /// Creates a container for your flex cells.
 ///
 /// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.

data/vendor/assets/scss/xy-grid/_gutters.scss

@@ -30,7 +30,7 @@
 
       // Loop through each gutter position
       @each $value in $gutter-position {
-        #{$gutter-type}-#{$value}: #{$operator}$gutter;
+        #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
       }
     }
   }
@@ -39,7 +39,7 @@
 
     // Loop through each gutter position
     @each $value in $gutter-position {
-      #{$gutter-type}-#{$value}: #{$operator}$gutter;
+      #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
     }
   }
 }

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

@@ -28,6 +28,6 @@
   $size: percentage(1/$n);
 
   & > #{$selector} {
-    @include xy-cell($size, $gutter-output, $gutter-type: $gutter-type, $gutter-position: $gutter-position, $vertical: $vertical);
+    @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);
   }
 }

data/vendor/assets/scss/xy-grid/_xy-grid.scss

@@ -33,14 +33,13 @@ $grid-padding-gutters: $grid-margin-gutters !default;
 /// @type Map | Length
 $grid-container-padding: $grid-padding-gutters !default;
 
-
-/// The maximum width to apply padding to a grid container
+/// The maximum width to apply to a grid container
 /// @type Number
 $grid-container-max: $global-width !default;
 
-/// The maximum number of cells in a block grid.
+/// The maximum number of cells in an XY block grid.
 /// @type Number
-$block-grid-max: 8 !default;
+$xy-block-grid-max: 8 !default;
 
 @import 'gutters';
 @import 'grid';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 6.4.1.3
+  version: 6.4.3.0
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-11-16 00:00:00.000000000 Z
+date: 2018-03-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -156,6 +156,7 @@ files:
 - lib/generators/foundation/templates/application.html.erb
 - lib/generators/foundation/templates/application.html.haml
 - lib/generators/foundation/templates/application.html.slim
+- lib/generators/foundation/templates/browserslist
 - lib/generators/foundation/templates/foundation_and_overrides.scss
 - spec/features/generator_spec.rb
 - spec/spec_helper.rb
@@ -165,6 +166,7 @@ files:
 - vendor/assets/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
 - vendor/assets/_vendor/normalize-scss/sass/normalize/_variables.scss
 - vendor/assets/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss
+- vendor/assets/_vendor/sassy-lists/stylesheets/functions/_contain.scss
 - vendor/assets/_vendor/sassy-lists/stylesheets/functions/_purge.scss
 - vendor/assets/_vendor/sassy-lists/stylesheets/functions/_remove.scss
 - vendor/assets/_vendor/sassy-lists/stylesheets/functions/_replace.scss
@@ -201,10 +203,8 @@ files:
 - vendor/assets/js/foundation.util.motion.js
 - vendor/assets/js/foundation.util.nest.js
 - vendor/assets/js/foundation.util.timer.js
-- vendor/assets/js/foundation.util.timerAndImageLoader.js
 - vendor/assets/js/foundation.util.touch.js
 - vendor/assets/js/foundation.util.triggers.js
-- vendor/assets/js/foundation.zf.responsiveAccordionTabs.js
 - vendor/assets/scss/_global.scss
 - vendor/assets/scss/components/_accordion-menu.scss
 - vendor/assets/scss/components/_accordion.scss
@@ -353,7 +353,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: ZURB Foundation on Sass/Compass

data/vendor/assets/js/foundation.util.timerAndImageLoader.js

@@ -1,90 +0,0 @@
-'use strict';
-
-!function ($) {
-
-  function Timer(elem, options, cb) {
-    var _this = this,
-        duration = options.duration,
-        //options is an object for easily adding features later.
-    nameSpace = Object.keys(elem.data())[0] || 'timer',
-        remain = -1,
-        start,
-        timer;
-
-    this.isPaused = false;
-
-    this.restart = function () {
-      remain = -1;
-      clearTimeout(timer);
-      this.start();
-    };
-
-    this.start = function () {
-      this.isPaused = false;
-      // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
-      clearTimeout(timer);
-      remain = remain <= 0 ? duration : remain;
-      elem.data('paused', false);
-      start = Date.now();
-      timer = setTimeout(function () {
-        if (options.infinite) {
-          _this.restart(); //rerun the timer.
-        }
-        if (cb && typeof cb === 'function') {
-          cb();
-        }
-      }, remain);
-      elem.trigger('timerstart.zf.' + nameSpace);
-    };
-
-    this.pause = function () {
-      this.isPaused = true;
-      //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
-      clearTimeout(timer);
-      elem.data('paused', true);
-      var end = Date.now();
-      remain = remain - (end - start);
-      elem.trigger('timerpaused.zf.' + nameSpace);
-    };
-  }
-
-  /**
-   * Runs a callback function when images are fully loaded.
-   * @param {Object} images - Image(s) to check if loaded.
-   * @param {Func} callback - Function to execute when image is fully loaded.
-   */
-  function onImagesLoaded(images, callback) {
-    var self = this,
-        unloaded = images.length;
-
-    if (unloaded === 0) {
-      callback();
-    }
-
-    images.each(function () {
-      // Check if image is loaded
-      if (this.complete || this.readyState === 4 || this.readyState === 'complete') {
-        singleImageLoaded();
-      }
-      // Force load the image
-      else {
-          // fix for IE. See https://css-tricks.com/snippets/jquery/fixing-load-in-ie-for-cached-images/
-          var src = $(this).attr('src');
-          $(this).attr('src', src + (src.indexOf('?') >= 0 ? '&' : '?') + new Date().getTime());
-          $(this).one('load', function () {
-            singleImageLoaded();
-          });
-        }
-    });
-
-    function singleImageLoaded() {
-      unloaded--;
-      if (unloaded === 0) {
-        callback();
-      }
-    }
-  }
-
-  Foundation.Timer = Timer;
-  Foundation.onImagesLoaded = onImagesLoaded;
-}(jQuery);

data/vendor/assets/js/foundation.zf.responsiveAccordionTabs.js

@@ -1,262 +0,0 @@
-'use strict';
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-!function ($) {
-
-  /**
-   * ResponsiveAccordionTabs module.
-   * @module foundation.responsiveAccordionTabs
-   * @requires foundation.util.keyboard
-   * @requires foundation.util.timerAndImageLoader
-   * @requires foundation.util.motion
-   * @requires foundation.accordion
-   * @requires foundation.tabs
-   */
-
-  var ResponsiveAccordionTabs = function () {
-    /**
-     * Creates a new instance of a responsive accordion tabs.
-     * @class
-     * @fires ResponsiveAccordionTabs#init
-     * @param {jQuery} element - jQuery object to make into a dropdown menu.
-     * @param {Object} options - Overrides to the default plugin settings.
-     */
-    function ResponsiveAccordionTabs(element, options) {
-      _classCallCheck(this, ResponsiveAccordionTabs);
-
-      this.$element = $(element);
-      this.options = $.extend({}, this.$element.data(), options);
-      this.rules = this.$element.data('responsive-accordion-tabs');
-      this.currentMq = null;
-      this.currentPlugin = null;
-      if (!this.$element.attr('id')) {
-        this.$element.attr('id', Foundation.GetYoDigits(6, 'responsiveaccordiontabs'));
-      };
-
-      this._init();
-      this._events();
-
-      Foundation.registerPlugin(this, 'ResponsiveAccordionTabs');
-    }
-
-    /**
-     * Initializes the Menu by parsing the classes from the 'data-responsive-accordion-tabs' attribute on the element.
-     * @function
-     * @private
-     */
-
-
-    _createClass(ResponsiveAccordionTabs, [{
-      key: '_init',
-      value: function _init() {
-        // The first time an Interchange plugin is initialized, this.rules is converted from a string of "classes" to an object of rules
-        if (typeof this.rules === 'string') {
-          var rulesTree = {};
-
-          // Parse rules from "classes" pulled from data attribute
-          var rules = this.rules.split(' ');
-
-          // Iterate through every rule found
-          for (var i = 0; i < rules.length; i++) {
-            var rule = rules[i].split('-');
-            var ruleSize = rule.length > 1 ? rule[0] : 'small';
-            var rulePlugin = rule.length > 1 ? rule[1] : rule[0];
-
-            if (MenuPlugins[rulePlugin] !== null) {
-              rulesTree[ruleSize] = MenuPlugins[rulePlugin];
-            }
-          }
-
-          this.rules = rulesTree;
-        }
-
-        this._getAllOptions();
-
-        if (!$.isEmptyObject(this.rules)) {
-          this._checkMediaQueries();
-        }
-      }
-    }, {
-      key: '_getAllOptions',
-      value: function _getAllOptions() {
-        //get all defaults and options
-        var _this = this;
-        _this.allOptions = {};
-        for (var key in MenuPlugins) {
-          if (MenuPlugins.hasOwnProperty(key)) {
-            var obj = MenuPlugins[key];
-            try {
-              var dummyPlugin = $('<ul></ul>');
-              var tmpPlugin = new obj.plugin(dummyPlugin, _this.options);
-              for (var keyKey in tmpPlugin.options) {
-                if (tmpPlugin.options.hasOwnProperty(keyKey) && keyKey !== 'zfPlugin') {
-                  var objObj = tmpPlugin.options[keyKey];
-                  _this.allOptions[keyKey] = objObj;
-                }
-              }
-              tmpPlugin.destroy();
-            } catch (e) {}
-          }
-        }
-      }
-
-      /**
-       * Initializes events for the Menu.
-       * @function
-       * @private
-       */
-
-    }, {
-      key: '_events',
-      value: function _events() {
-        var _this = this;
-
-        $(window).on('changed.zf.mediaquery', function () {
-          _this._checkMediaQueries();
-        });
-      }
-
-      /**
-       * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out.
-       * @function
-       * @private
-       */
-
-    }, {
-      key: '_checkMediaQueries',
-      value: function _checkMediaQueries() {
-        var matchedMq,
-            _this = this;
-        // Iterate through each rule and find the last matching rule
-        $.each(this.rules, function (key) {
-          if (Foundation.MediaQuery.atLeast(key)) {
-            matchedMq = key;
-          }
-        });
-
-        // No match? No dice
-        if (!matchedMq) return;
-
-        // Plugin already initialized? We good
-        if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return;
-
-        // Remove existing plugin-specific CSS classes
-        $.each(MenuPlugins, function (key, value) {
-          _this.$element.removeClass(value.cssClass);
-        });
-
-        // Add the CSS class for the new plugin
-        this.$element.addClass(this.rules[matchedMq].cssClass);
-
-        // Create an instance of the new plugin
-        if (this.currentPlugin) {
-          //don't know why but on nested elements data zfPlugin get's lost
-          if (!this.currentPlugin.$element.data('zfPlugin') && this.storezfData) this.currentPlugin.$element.data('zfPlugin', this.storezfData);
-          this.currentPlugin.destroy();
-        }
-        this._handleMarkup(this.rules[matchedMq].cssClass);
-        this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {});
-        this.storezfData = this.currentPlugin.$element.data('zfPlugin');
-      }
-    }, {
-      key: '_handleMarkup',
-      value: function _handleMarkup(toSet) {
-        var _this = this,
-            fromString = 'accordion';
-        var $panels = $('[data-tabs-content=' + this.$element.attr('id') + ']');
-        if ($panels.length) fromString = 'tabs';
-        if (fromString === toSet) {
-          return;
-        };
-
-        var tabsTitle = _this.allOptions.linkClass ? _this.allOptions.linkClass : 'tabs-title';
-        var tabsPanel = _this.allOptions.panelClass ? _this.allOptions.panelClass : 'tabs-panel';
-
-        this.$element.removeAttr('role');
-        var $liHeads = this.$element.children('.' + tabsTitle + ',[data-accordion-item]').removeClass(tabsTitle).removeClass('accordion-item').removeAttr('data-accordion-item');
-        var $liHeadsA = $liHeads.children('a').removeClass('accordion-title');
-
-        if (fromString === 'tabs') {
-          $panels = $panels.children('.' + tabsPanel).removeClass(tabsPanel).removeAttr('role').removeAttr('aria-hidden').removeAttr('aria-labelledby');
-          $panels.children('a').removeAttr('role').removeAttr('aria-controls').removeAttr('aria-selected');
-        } else {
-          $panels = $liHeads.children('[data-tab-content]').removeClass('accordion-content');
-        };
-
-        $panels.css({ display: '', visibility: '' });
-        $liHeads.css({ display: '', visibility: '' });
-        if (toSet === 'accordion') {
-          $panels.each(function (key, value) {
-            $(value).appendTo($liHeads.get(key)).addClass('accordion-content').attr('data-tab-content', '').removeClass('is-active').css({ height: '' });
-            $('[data-tabs-content=' + _this.$element.attr('id') + ']').after('<div id="tabs-placeholder-' + _this.$element.attr('id') + '"></div>').remove();
-            $liHeads.addClass('accordion-item').attr('data-accordion-item', '');
-            $liHeadsA.addClass('accordion-title');
-          });
-        } else if (toSet === 'tabs') {
-          var $tabsContent = $('[data-tabs-content=' + _this.$element.attr('id') + ']');
-          var $placeholder = $('#tabs-placeholder-' + _this.$element.attr('id'));
-          if ($placeholder.length) {
-            $tabsContent = $('<div class="tabs-content"></div>').insertAfter($placeholder).attr('data-tabs-content', _this.$element.attr('id'));
-            $placeholder.remove();
-          } else {
-            $tabsContent = $('<div class="tabs-content"></div>').insertAfter(_this.$element).attr('data-tabs-content', _this.$element.attr('id'));
-          };
-          $panels.each(function (key, value) {
-            var tempValue = $(value).appendTo($tabsContent).addClass(tabsPanel);
-            var hash = $liHeadsA.get(key).hash.slice(1);
-            var id = $(value).attr('id') || Foundation.GetYoDigits(6, 'accordion');
-            if (hash !== id) {
-              if (hash !== '') {
-                $(value).attr('id', hash);
-              } else {
-                hash = id;
-                $(value).attr('id', hash);
-                $($liHeadsA.get(key)).attr('href', $($liHeadsA.get(key)).attr('href').replace('#', '') + '#' + hash);
-              };
-            };
-            var isActive = $($liHeads.get(key)).hasClass('is-active');
-            if (isActive) {
-              tempValue.addClass('is-active');
-            };
-          });
-          $liHeads.addClass(tabsTitle);
-        };
-      }
-
-      /**
-       * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out.
-       * @function
-       */
-
-    }, {
-      key: 'destroy',
-      value: function destroy() {
-        if (this.currentPlugin) this.currentPlugin.destroy();
-        $(window).off('.zf.ResponsiveAccordionTabs');
-        Foundation.unregisterPlugin(this);
-      }
-    }]);
-
-    return ResponsiveAccordionTabs;
-  }();
-
-  ResponsiveAccordionTabs.defaults = {};
-
-  // The plugin matches the plugin classes with these plugin instances.
-  var MenuPlugins = {
-    tabs: {
-      cssClass: 'tabs',
-      plugin: Foundation._plugins.tabs || null
-    },
-    accordion: {
-      cssClass: 'accordion',
-      plugin: Foundation._plugins.accordion || null
-    }
-  };
-
-  // Window exports
-  Foundation.plugin(ResponsiveAccordionTabs, 'ResponsiveAccordionTabs');
-}(jQuery);