foundation-rails 5.1.1.0 → 5.2.0.0

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

@@ -4,7 +4,7 @@
   Foundation.libs.topbar = {
     name : 'topbar',
 
-    version: '5.1.1',
+    version: '5.2.0',
 
     settings : {
       index : 0,
@@ -13,7 +13,8 @@
       back_text: 'Back',
       is_hover: true,
       mobile_show_parent_link: false,
-      scrolltop : true // jump to top when sticky nav menu toggle is clicked
+      scrolltop : true, // jump to top when sticky nav menu toggle is clicked
+      sticky_on : 'all'
     },
 
     init : function (section, method, options) {
@@ -25,15 +26,13 @@
       this.bindings(method, options);
 
       self.S('[' + this.attr_name() + ']', this.scope).each(function () {
-        var topbar = self.S(this),
+        var topbar = $(this),
             settings = topbar.data(self.attr_name(true) + '-init'),
             section = self.S('section', this),
-            titlebar = $('> ul', this).first();
-
+            titlebar = topbar.children().filter('ul').first();
         topbar.data('index', 0);
-
         var topbarContainer = topbar.parent();
-        if(topbarContainer.hasClass('fixed') || topbarContainer.hasClass(settings.sticky_class)) {
+        if(topbarContainer.hasClass('fixed') || self.is_sticky(topbar, topbarContainer, settings) ) {
           self.settings.sticky_class = settings.sticky_class;
           self.settings.sticky_topbar = topbar;
           topbar.data('height', topbarContainer.outerHeight());
@@ -60,6 +59,22 @@
 
     },
 
+    is_sticky: function (topbar, topbarContainer, settings) {
+      var sticky = topbarContainer.hasClass(settings.sticky_class);
+
+      if (sticky && settings.sticky_on === 'all') {
+        return true;
+      } else if (sticky && this.small() && settings.sticky_on === 'small') {
+        return true;
+      } else if (sticky && this.medium() && settings.sticky_on === 'medium') {
+        return true;
+      } else if (sticky && this.large() && settings.sticky_on === 'large') {
+        return true;
+      }
+
+      return false;
+    },
+
     toggle: function (toggleEl) {
       var self = this;
 
@@ -109,7 +124,7 @@
           }
         }
       } else {
-        if(topbar.parent().hasClass(self.settings.sticky_class)) {
+        if(self.is_sticky(topbar, topbar.parent(), settings)) {
           topbar.parent().addClass('fixed');
         }
 
@@ -139,6 +154,13 @@
           e.preventDefault();
           self.toggle(this);
         })
+        .on('click.fndtn.topbar','.top-bar .top-bar-section li a[href^="#"],[' + this.attr_name() + '] .top-bar-section li a[href^="#"]',function (e) {
+            var li = $(this).closest('li');
+            if(self.breakpoint() && !li.hasClass('back') && !li.hasClass('has-dropdown'))
+            {
+            self.toggle();
+            }
+        })
         .on('click.fndtn.topbar', '[' + this.attr_name() + '] li.has-dropdown', function (e) {
           var li = S(this),
               target = S(e.target),
@@ -266,7 +288,7 @@
             }
         }
 
-        if(stickyContainer.length > 0) {
+        if(self.is_sticky(topbar, stickyContainer, settings)) {
           if(stickyContainer.hasClass('fixed')) {
             // Remove the fixed to allow for correct calculation of the offset.
             stickyContainer.removeClass('fixed');
@@ -291,11 +313,23 @@
       return !matchMedia(Foundation.media_queries['topbar']).matches;
     },
 
+    small : function () {
+      return matchMedia(Foundation.media_queries['small']).matches;
+    },
+
+    medium : function () {
+      return matchMedia(Foundation.media_queries['medium']).matches;
+    },
+
+    large : function () {
+      return matchMedia(Foundation.media_queries['large']).matches;
+    },
+
     assemble : function (topbar) {
       var self = this,
           settings = topbar.data(this.attr_name(true) + '-init'),
           section = self.S('section', topbar),
-          titlebar = $('> ul', topbar).first();
+          titlebar = $(this).children().filter('ul').first();
 
       // Pull element out of the DOM for manipulation
       section.detach();
@@ -355,11 +389,10 @@
 
     update_sticky_positioning: function() {
       var klass = '.' + this.settings.sticky_class,
-          $window = this.S(window),
+          $window = this.S(window), 
           self = this;
 
-
-      if (self.S(klass).length > 0) {
+      if (self.settings.sticky_topbar && self.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(), this.settings)) {
         var distance = this.settings.sticky_topbar.data('stickyoffset');
         if (!self.S(klass).hasClass('expanded')) {
           if ($window.scrollTop() > (distance)) {
@@ -384,4 +417,4 @@
 
     reflow : function () {}
   };
-}(jQuery, this, this.document));
+}(jQuery, this, this.document));

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

@@ -1,5 +1,5 @@
 /*!
- * Modernizr v2.7.1
+ * Modernizr v2.7.2
  * www.modernizr.com
  *
  * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
@@ -24,7 +24,7 @@
 
 window.Modernizr = (function( window, document, undefined ) {
 
-    var version = '2.7.1',
+    var version = '2.7.2',
 
     Modernizr = {},
 
@@ -605,7 +605,7 @@ window.Modernizr = (function( window, document, undefined ) {
 
     // Note, Android < 4 will pass this test, but can only animate
     //   a single property at a time
-    //   daneden.me/2011/12/putting-up-with-androids-bullshit/
+    //   goo.gl/v3V4Gp
     tests['cssanimations'] = function() {
         return testPropsAll('animationName');
     };

data/vendor/assets/stylesheets/foundation.scss

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 // Make sure the charset is set appropriately
 @charset "UTF-8";
 
@@ -25,6 +29,7 @@
   "foundation/components/panels",
   "foundation/components/pricing-tables",
   "foundation/components/progress-bars",
+  "foundation/components/range-slider",
   "foundation/components/reveal",
   "foundation/components/side-nav",
   "foundation/components/split-buttons",
@@ -38,3 +43,5 @@
   "foundation/components/type",
   "foundation/components/offcanvas",
   "foundation/components/visibility";
+
+  // * { border-radius: 500px !important; }

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 // This is the default html and body font-size for the base rem value.
 $rem-base: 16px !default;
 

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 //
 // FOUNDATION SETTINGS
 //
@@ -114,7 +118,7 @@
 
 // We use these to control header font styles
 // $header-font-family: $body-font-family;
-// $header-font-weight: 300;
+// $header-font-weight: normal;
 // $header-font-style: normal;
 // $header-font-color: #222;
 // $header-line-height: 1.4;
@@ -1151,12 +1155,15 @@
 // $topbar-link-weight: normal;
 // $topbar-link-font-size: rem-calc(13);
 // $topbar-link-hover-lightness: -10%; // Darken by 10%
-// $topbar-link-bg-hover: #272727  ;
+// $topbar-link-bg-hover: #272727;
 // $topbar-link-bg-active: $primary-color;
 // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
 // $topbar-link-font-family: $body-font-family;
+// $topbar-link-text-transform: none;
+// $topbar-link-padding: $topbar-height / 3;
 
 // $topbar-button-font-size: 0.75rem;
+// $topbar-button-top: 7px;
 
 // $topbar-dropdown-label-color: #777;
 // $topbar-dropdown-label-text-transform: uppercase;
@@ -1192,3 +1199,5 @@
 //
 
 // $include-html-visibility-classes: $include-html-classes;
+// $include-table-visibility-classes: true;
+// $include-legacy-visibility-classes: true;

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 @import "grid";
 
@@ -25,7 +29,7 @@ $accordion-content-active-bg-color: #fff !default;
       dd {
         display: block;
         margin-bottom: 0 !important;
-        &.active a { background: $accordion-navigation-active-bg-color; }
+        &.active > a { background: $accordion-navigation-active-bg-color; }
         > a {
           background: $accordion-navigation-bg-color;
           color: $accordion-navigation-font-color;

data/vendor/assets/stylesheets/foundation/components/_alert-boxes.scss

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -9,6 +13,11 @@ $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;
+@if $align-block-grid-to-grid {
+  $block-grid-default-spacing: $column-gutter;
+}
+
 // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
 $block-grid-media-queries: true !default;
 
@@ -30,7 +39,11 @@ $block-grid-media-queries: true !default;
   @if $base-style {
     display: block;
     padding: 0;
-    margin: 0 (-$spacing/2);
+    @if $align-block-grid-to-grid {
+      margin: 0;
+    } @else {
+      margin: 0 (-$spacing/2);
+    }
     @include clearfix;
 
     &>li {
@@ -53,9 +66,26 @@ $block-grid-media-queries: true !default;
 
       &:nth-of-type(n) { clear: none; }
       &:nth-of-type(#{$per-row}n+1) { clear: both; }
+      @if $align-block-grid-to-grid {
+        @include block-grid-aligned($per-row, $spacing);
+      }
     }
   }
+}
 
+@mixin block-grid-aligned($per-row, $spacing) {
+  @for $i from 1 through $block-grid-elements {
+    @if $per-row >= $i {
+      $grid-column: '+' + $i;
+      @if $per-row == $i {
+        $grid-column: '';
+      }
+      &:nth-child(#{$per-row}n#{unquote($grid-column)}) {
+        padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));
+        padding-right: ($spacing - (($spacing / $per-row) * $i));
+      }
+    }
+  }
 }
 
 // Generate presentational markup for block grid.
@@ -73,17 +103,19 @@ $block-grid-media-queries: true !default;
   @if $include-html-grid-classes {
     
     [class*="block-grid-"] { @include block-grid; }
-
-    @media #{$small-up} {
-      @include block-grid-html-classes($size:small,$include-spacing:false);
-    }
-
-    @media #{$medium-up} {
-      @include block-grid-html-classes($size:medium,$include-spacing:false);
-    }
-
-    @media #{$large-up} {
-      @include block-grid-html-classes($size:large,$include-spacing:false);
+    
+    @if $block-grid-media-queries {
+      @media #{$small-up} {
+        @include block-grid-html-classes($size:small,$include-spacing:false);
+      }
+  
+      @media #{$medium-up} {
+        @include block-grid-html-classes($size:medium,$include-spacing:false);
+      }
+  
+      @media #{$large-up} {
+        @include block-grid-html-classes($size:large,$include-spacing:false);
+      }
     }
   }
 }

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //

data/vendor/assets/stylesheets/foundation/components/_button-groups.scss

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 @import "buttons";
 

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -111,14 +115,12 @@ $button-disabled-opacity: 0.7 !default;
     padding-top: $is-input + rem-calc(.5);
     padding-bottom: $is-input + rem-calc(.5);
     -webkit-appearance: none;
-    border: 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;
-    border: none;
     font-weight: $button-font-weight !important;
   }
 }
@@ -128,7 +130,7 @@ $button-disabled-opacity: 0.7 !default;
 // We use this mixin to add button color styles
 //
 // $bg - Primary color set in settings file. Default: $primary-color.
-// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false
+// $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:$primary-color, $radius:false, $disabled:false) {
 
@@ -202,7 +204,7 @@ $button-disabled-opacity: 0.7 !default;
       @include button-style;
 
       @include single-transition(background-color);
-      @include button-size($padding:false, $is-input:$button-med);
+      @include button-size($padding:$button-med, $full-width:false, $is-input:false);
 
       &.secondary { @include button-style($bg:$secondary-color); }
       &.success   { @include button-style($bg:$success-color); }
@@ -233,4 +235,4 @@ $button-disabled-opacity: 0.7 !default;
       }
     }
   }
-}
+}

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //

data/vendor/assets/stylesheets/foundation/components/_dropdown-buttons.scss

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -9,8 +13,19 @@ $include-html-dropdown-classes: $include-html-classes !default;
 $f-dropdown-max-width: 200px !default;
 $f-dropdown-height: auto !default;
 $f-dropdown-max-height: none !default;
+
+// Used for bottom position
 $f-dropdown-margin-top: 2px !default;
 
+// Used for right position
+$f-dropdown-margin-left: $f-dropdown-margin-top !default;
+
+// Used for left position
+$f-dropdown-margin-right: $f-dropdown-margin-top !default;
+
+// Used for top position
+$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;
+
 // We use this to control the background color
 $f-dropdown-bg: #fff !default;
 
@@ -60,7 +75,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
     height: $f-dropdown-height;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
-    font-size: $rem-base;
+    font-size: $f-dropdown-font-size;
     z-index: 99;
   }
   @else if $content == content {
@@ -70,11 +85,11 @@ $f-dropdown-content-padding: rem-calc(20) !default;
     max-height: $f-dropdown-max-height;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
-    font-size: $rem-base;
+    font-size: $f-dropdown-font-size;
     z-index: 99;
   }
 
-  @if $triangle {
+  @if $triangle == bottom {
     margin-top: $f-dropdown-margin-top;
 
     &:before {
@@ -102,6 +117,75 @@ $f-dropdown-content-padding: rem-calc(20) !default;
     }
   }
 
+  @if $triangle == left {
+    margin-top: 0;
+    margin-left: $f-dropdown-margin-right;
+
+    &:before {
+      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, right);
+      position: absolute;
+      top: $f-dropdown-triangle-side-offset;
+      #{$default-float}: -($f-dropdown-triangle-size * 2);
+      z-index: 99;
+    }
+    &:after {
+      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, right);
+      position: absolute;
+      top: $f-dropdown-triangle-side-offset - 1;
+      #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;
+      z-index: 98;
+    }
+
+  }
+
+  @if $triangle == right {
+    margin-top: 0;
+    margin-left: -$f-dropdown-margin-right;
+
+    &:before {
+      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, left);
+      position: absolute;
+      top: $f-dropdown-triangle-side-offset;
+      #{$opposite-direction}: -($f-dropdown-triangle-size * 2);
+      left: auto;
+      z-index: 99;
+    }
+    &:after {
+      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, left);
+      position: absolute;
+      top: $f-dropdown-triangle-side-offset - 1;
+      #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;
+      left: auto;
+      z-index: 98;
+    }
+
+  }
+
+  @if $triangle == top {
+    margin-top: -$f-dropdown-margin-bottom;
+    margin-left: 0;
+
+    &:before {
+      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);
+      position: absolute;
+      top: auto;
+      bottom: -($f-dropdown-triangle-size * 2);
+      #{$default-float}: $f-dropdown-triangle-side-offset;
+      right: auto;
+      z-index: 99;
+    }
+    &:after {
+      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);
+      position: absolute;
+      top: auto;
+      bottom: -($f-dropdown-triangle-size * 2) - 2;
+      #{$default-float}: $f-dropdown-triangle-side-offset - 1;
+      right: auto;
+      z-index: 98;
+    }
+
+  }
+
   @if $max-width { max-width: $max-width; }
   @else { max-width: $f-dropdown-max-width; }
 
@@ -131,16 +215,21 @@ $f-dropdown-content-padding: rem-calc(20) !default;
 @include exports("dropdown") {
   @if $include-html-dropdown-classes {
 
-    @media #{$small-only} {
-      .f-dropdown {
-        max-width: 100%;
-        #{$default-float}: $dropdown-mobile-default-float;
-      }
-    }
-
     /* Foundation Dropdowns */
     .f-dropdown {
-      @include dropdown-container(list);
+      @include dropdown-container(list, bottom);
+
+      &.drop-right {
+        @include dropdown-container(list, left);
+      }
+
+      &.drop-left {
+        @include dropdown-container(list, right);
+      }
+
+      &.drop-top {
+        @include dropdown-container(list, top);
+      }
       // max-width: none;
 
       li { @include dropdown-style; }