zurb-foundation 4.0.9 → 4.1.1

data/js/foundation/foundation.joyride.js

@@ -87,7 +87,7 @@
           if (self.is_phone()) {
             self.pos_phone();
           } else {
-            self.pos_default();
+            self.pos_default(false, true);
           }
         }
       }, 100));
@@ -374,7 +374,7 @@
       this.show('init');
     },
 
-    pos_default : function (init) {
+    pos_default : function (init, resizing) {
       var half_fold = Math.ceil($(window).height() / 2),
           tip_position = this.settings.$next_tip.offset(),
           $nub = this.settings.$next_tip.find('.joyride-nub'),
@@ -387,20 +387,28 @@
         this.settings.$next_tip.show();
       }
 
+      if (typeof resizing === 'undefined') resizing = false;
       if (!/body/i.test(this.settings.$target.selector)) {
 
           if (this.bottom()) {
+            var leftOffset = this.settings.$target.offset().left;
+            if (Foundation.rtl) {
+              leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
+            }
             this.settings.$next_tip.css({
               top: (this.settings.$target.offset().top + nub_height + this.outerHeight(this.settings.$target)),
-              left: this.settings.$target.offset().left});
+              left: leftOffset});
 
             this.nub_position($nub, this.settings.tipSettings.nubPosition, 'top');
 
           } else if (this.top()) {
-
+            var leftOffset = this.settings.$target.offset().left;
+            if (Foundation.rtl) {
+              leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
+            }
             this.settings.$next_tip.css({
               top: (this.settings.$target.offset().top - this.outerHeight(this.settings.$next_tip) - nub_height),
-              left: this.settings.$target.offset().left});
+              left: leftOffset});
 
             this.nub_position($nub, this.settings.tipSettings.nubPosition, 'bottom');
 
@@ -433,7 +441,7 @@
 
             this.settings.attempts++;
 
-            this.pos_default(true);
+            this.pos_default();
 
           }
 

data/js/foundation/foundation.js

@@ -98,7 +98,7 @@ if (typeof jQuery === "undefined" &&
   window.Foundation = {
     name : 'Foundation',
 
-    version : '4.0.8',
+    version : '4.1.0',
 
     // global Foundation cache object
     cache : {},
@@ -113,6 +113,10 @@ if (typeof jQuery === "undefined" &&
       // used for development only
       if (nc) this.nc = nc;
 
+
+      // check RTL
+      this.rtl = /rtl/i.test($('html').attr('dir'));
+
       // set foundation global scope
       this.scope = scope || this.scope;
 
@@ -177,6 +181,8 @@ if (typeof jQuery === "undefined" &&
 
     patch : function (lib) {
       this.fix_outer(lib);
+      lib.scope = this.scope;
+      lib.rtl = this.rtl;
     },
 
     inherit : function (scope, methods) {

data/js/foundation/foundation.orbit.js

@@ -6,7 +6,7 @@
   Foundation.libs.orbit = {
     name: 'orbit',
 
-    version: '4.0.0',
+    version: '4.1.0',
 
     settings: {
       timer_speed: 10000,
@@ -305,7 +305,8 @@
           $container = $slides_container.parent(),
           $slides = $slides_container.children(),
           $active_slide = $slides_container.find('.' + self.settings.active_slide_class),
-          active_index = $active_slide.index();
+          active_index = $active_slide.index(),
+          margin_position = Foundation.rtl ? 'marginRight' : 'marginLeft';
 
       if ($container.hasClass(self.settings.orbit_transition_class)) {
         return false;
@@ -326,11 +327,11 @@
         active_index = (index_or_direction % $slides.length);
       }
       if (active_index === ($slides.length - 1) && index_or_direction === 'next') {
-        $slides_container.css('marginLeft', '0%');
+        $slides_container.css(margin_position, '0%');
         active_index = 1;
       }
       else if (active_index === 0 && index_or_direction === 'prev') {
-        $slides_container.css('marginLeft', '-' + ($slides.length - 1) * 100 + '%');
+        $slides_container.css(margin_position, '-' + ($slides.length - 1) * 100 + '%');
         active_index = $slides.length - 2;
       }
       // Start transition, make next slide active
@@ -347,14 +348,15 @@
       // Check to see if animation will occur, otherwise perform
       // callbacks manually
       $slides_container.trigger('orbit:before-slide-change');
-      if ($slides_container.css('marginLeft') === new_margin_left) {
+      if ($slides_container.css(margin_position) === new_margin_left) {
         $container.removeClass(self.settings.orbit_transition_class);
         $slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
         callback();
       } else {
-        $slides_container.animate({
-          'marginLeft' : new_margin_left
-        }, self.settings.animation_speed, 'linear', function() {
+        var properties = {};
+        properties[margin_position] = new_margin_left;
+
+        $slides_container.animate(properties, self.settings.animation_speed, 'linear', function() {
           $container.removeClass(self.settings.orbit_transition_class);
           $slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
           callback();

data/js/foundation/foundation.reveal.js

@@ -132,7 +132,7 @@
     toggle_bg : function (modal) {
       if ($('.reveal-modal-bg').length === 0) {
         this.settings.bg = $('<div />', {'class': this.settings.bgClass})
-          .insertAfter(modal);
+          .appendTo('body');
       }
 
       if (this.settings.bg.filter(':visible').length > 0) {

data/js/foundation/foundation.section.js

@@ -6,7 +6,7 @@
   Foundation.libs.section = {
     name: 'section',
 
-    version : '4.0.9',
+    version : '4.1.1',
 
     settings : {
       deep_linking: false,
@@ -16,9 +16,7 @@
 
     init : function (scope, method, options) {
       var self = this;
-
-      this.scope = scope || this.scope;
-      Foundation.inherit(this, 'throttle data_options');
+      Foundation.inherit(this, 'throttle data_options position_right offset_right');
 
       if (typeof method != 'string') {
         this.set_active_from_hash();
@@ -214,7 +212,11 @@
 
       } else {
         titles.each(function () {
-          $(this).css('left', previous_width);
+          if (!self.rtl) {
+            $(this).css('left', previous_width);
+          } else {
+            $(this).css('right', previous_width);
+          }
           previous_width += self.outerWidth($(this));
         });
       }
@@ -232,8 +234,11 @@
         section.find('section, .section').each(function () {
           var title = $(this).find('.title'),
               content = $(this).find('.content');
-
-          content.css({left: title.position().left - 1, top: self.outerHeight(title) - 2});
+          if (!self.rtl) {
+            content.css({left: title.position().left - 1, top: self.outerHeight(title) - 2});
+          } else {
+            content.css({right: self.position_right(title) + 1, top: self.outerHeight(title) - 2});
+          }
         });
 
         // temporary work around for Zepto outerheight calculation issues.
@@ -246,6 +251,17 @@
 
     },
 
+    position_right : function (el) {
+      var section = el.closest('[data-section]'),
+          section_width = el.closest('[data-section]').width(),
+          offset = section.find('.title').length;
+      return (section_width - el.position().left - el.width() * (el.index() + 1) - offset);
+    },
+
+    reflow : function () {
+      $('[data-section]').trigger('resize');
+    },
+
     small : function (el) {
       var settings = $.extend({}, this.settings, this.data_options(el));
       if (this.is_tabs(el)) {

data/js/foundation/foundation.tooltips.js

@@ -6,7 +6,7 @@
   Foundation.libs.tooltips = {
     name: 'tooltips',
 
-    version : '4.0.2',
+    version : '4.1.0',
 
     settings : {
       selector : '.has-tip',
@@ -136,10 +136,14 @@
         tip.addClass('tip-override');
         objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
       } else {
-        objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
+        var left = target.offset().left;
+        if (Foundation.rtl) {
+          left = target.offset().left + target.offset().width - this.outerWidth(tip);
+        }
+        objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
         tip.removeClass('tip-override');
         if (classes && classes.indexOf('tip-top') > -1) {
-          objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', target.offset().left, width)
+          objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
             .removeClass('tip-override');
         } else if (classes && classes.indexOf('tip-left') > -1) {
           objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)

data/js/foundation/foundation.topbar.js

@@ -6,7 +6,7 @@
   Foundation.libs.topbar = {
     name : 'topbar',
 
-    version : '4.0.0',
+    version : '4.1.0',
 
     settings : {
       index : 0,
@@ -16,9 +16,8 @@
       init : false
     },
 
-    init : function (scope, method, options) {
+    init : function (method, options) {
       var self = this;
-      this.scope = scope || this.scope;
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, method);
@@ -77,8 +76,13 @@
           }
 
           if (!topbar.hasClass('expanded')) {
-            section.css({left: '0%'});
-            section.find('>.name').css({left: '100%'});
+            if (!self.rtl) {
+              section.css({left: '0%'});
+              section.find('>.name').css({left: '100%'});
+            } else {
+              section.css({right: '0%'});
+              section.find('>.name').css({right: '100%'});
+            }
             section.find('li.moved').removeClass('moved');
             topbar.data('index', 0);
           }
@@ -86,7 +90,7 @@
           if (topbar.parent().hasClass('fixed')) {
             topbar.parent().removeClass('fixed');
             $('body').css('padding-top','0');
-            window.scrollTo(0);
+            window.scrollTo(0,0);
           } else if (topbar.hasClass('fixed expanded')) {
             topbar.parent().addClass('fixed');
             $('body').css('padding-top',offst);
@@ -109,8 +113,13 @@
 
             topbar.data('index', topbar.data('index') + 1);
             $selectedLi.addClass('moved');
-            section.css({left: -(100 * topbar.data('index')) + '%'});
-            section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
+            if (!self.rtl) {
+              section.css({left: -(100 * topbar.data('index')) + '%'});
+              section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
+            } else {
+              section.css({right: -(100 * topbar.data('index')) + '%'});
+              section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
+            }
 
             $this.siblings('ul')
               .height(topbar.data('height') + self.outerHeight(titlebar, true));
@@ -120,8 +129,10 @@
       });
 
       $(window).on('resize.fndtn.topbar', function () {
-        if (!this.breakpoint()) {
-          $('.top-bar').css('min-height', '');
+        if (!self.breakpoint()) {
+          $('.top-bar')
+            .css('min-height', '')
+            .removeClass('expanded');
         }
       }.bind(this));
 
@@ -136,8 +147,13 @@
             $previousLevelUl = $movedLi.parent();
 
         topbar.data('index', topbar.data('index') - 1);
-        section.css({left: -(100 * topbar.data('index')) + '%'});
-        section.find('>.name').css({'left': 100 * topbar.data('index') + '%'});
+        if (!self.rtl) {
+          section.css({left: -(100 * topbar.data('index')) + '%'});
+          section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
+        } else {
+          section.css({right: -(100 * topbar.data('index')) + '%'});
+          section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
+        }
 
         if (topbar.data('index') === 0) {
           topbar.css('min-height', 0);

data/lib/foundation/generators/install_generator.rb

@@ -17,7 +17,7 @@ module Foundation
         settings_file = File.join(File.dirname(__FILE__),"..","..","..","templates","project","scss","_settings.scss")
         create_file "app/assets/stylesheets/foundation_and_overrides.scss", File.read(settings_file)
         append_to_file "app/assets/stylesheets/foundation_and_overrides.scss", "\n@import 'foundation';\n"
-        append_to_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require foundation_and_overrides\n"
+        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require foundation_and_overrides\n", :after => "require_self\n"
       end
 
       def detect_js_format

data/lib/foundation/version.rb

@@ -1,3 +1,3 @@
 module Foundation
-  VERSION = "4.0.9"
+  VERSION = "4.1.1"
 end

data/package.json

@@ -5,5 +5,11 @@
     "grunt": "~0.4.0",
     "grunt-contrib-watch": "~0.1.0",
     "grunt-contrib-qunit": "~0.1.1"
-  }
+  },
+  "licenses": [
+    {
+      "type": "MIT",
+      "url": "https://github.com/zurb/foundation/blob/master/LICENSE"
+    }
+  ]
 }

data/scss/foundation/_foundation-global.scss

@@ -20,14 +20,14 @@ $body-font-style: normal !default;
 // We use these to control text direction settings
 $text-direction: ltr !default; // Controls default global text direction, 'rtl' or 'ltr'
 $default-float: left !default;
-$default-opposite: right !default;
+$opposite-direction: right !default;
 // No need to change this conditional statement, $text-direction variable controls it all.
 @if $text-direction == ltr {
   $default-float: left;
-  $default-opposite: right;
+  $opposite-direction: right;
 } @else {
   $default-float: right;
-  $default-opposite: left;
+  $opposite-direction: left;
 }
 
 // We use these as default colors throughout

data/scss/foundation/components/_alert-boxes.scss

@@ -4,8 +4,8 @@
 
 // We use this to control alert padding.
 $alert-padding-top:         emCalc(11px)                                   !default;
-$alert-padding-left:        $alert-padding-top                             !default;
-$alert-padding-right:       $alert-padding-top + emCalc(10px)              !default;
+$alert-padding-default-float:        $alert-padding-top                             !default;
+$alert-padding-opposite-direction:       $alert-padding-top + emCalc(10px)              !default;
 $alert-padding-bottom:      $alert-padding-top + emCalc(1px)               !default;
 
 // We use these to control text style.
@@ -46,7 +46,7 @@ $alert-radius:              $global-radius                                 !defa
   font-weight: $alert-font-weight;
   margin-bottom: $alert-bottom-margin;
   position: relative;
-  padding: $alert-padding-top $alert-padding-right $alert-padding-bottom $alert-padding-left;
+  padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;
   font-size: $alert-font-size;
 }
 
@@ -73,7 +73,7 @@ $alert-radius:              $global-radius                                 !defa
   line-height: 0;
   position: absolute;
   top: $alert-close-position + emCalc(2px);
-  #{$default-opposite}: $alert-close-position;
+  #{$opposite-direction}: $alert-close-position;
   color: $alert-close-color;
   opacity: $alert-close-opacity;
   &:hover,

data/scss/foundation/components/_button-groups.scss

@@ -1,7 +1,9 @@
 //
 // Button Group Variables
 //
-$button-bar-margin-right: emCalc(10px) !default;
+
+// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
+$button-bar-margin-opposite: emCalc(10px) !default;
 
 //
 // Button Group Mixins
@@ -16,7 +18,7 @@ $button-bar-margin-right: emCalc(10px) !default;
   }
   @if $float {
     float: #{$default-float};
-    margin-#{$default-opposite}: $button-bar-margin-right;
+    margin-#{$opposite-direction}: $button-bar-margin-opposite;
     & div { overflow: hidden; }
   }
 }
@@ -35,11 +37,11 @@ $button-bar-margin-right: emCalc(10px) !default;
   // We use these to control left and right radius on first/last buttons in the group.
   @if $radius == true {
     &:first-child, &:first-child > a, &:first-child > button { @include side-radius($default-float, $button-radius); }
-    &:last-child, &:last-child > a, &:last-child > button { @include side-radius($default-opposite, $button-radius); }
+    &:last-child, &:last-child > a, &:last-child > button { @include side-radius($opposite-direction, $button-radius); }
   }
   @else if $radius {
     &:first-child, &:first-child > a, &:first-child > button { @include side-radius($default-float, $radius); }
-    &:last-child, &:last-child > a, &:last-child > button { @include side-radius($default-opposite, $radius); }
+    &:last-child, &:last-child > a, &:last-child > button { @include side-radius($opposite-direction, $radius); }
   }
 
   // We use this to make the buttons even width across their container

data/scss/foundation/components/_buttons.scss

@@ -67,9 +67,9 @@ $button-disabled-opacity: 0.6 !default;
   // these can be turned off by setting $padding:false
   @if $padding {
     padding-top: $padding;
-    padding-right: $padding * 2;
+    padding-#{$opposite-direction}: $padding * 2;
     padding-bottom: $padding + emCalc(1px);
-    padding-left: $padding * 2;
+    padding-#{$default-float}: $padding * 2;
 
     // We control the font-size based on mixin input.
     @if      $padding == $button-med { font-size: $button-font-med; }
@@ -82,9 +82,9 @@ $button-disabled-opacity: 0.6 !default;
   // We can set $full-width:true to remove side padding extend width.
   @if $full-width {
     padding-top: $padding;
-    padding-right: 0px;
+    padding-#{$opposite-direction}: 0px;
     padding-bottom: $padding + emCalc(1px);
-    padding-left: 0px;
+    padding-#{$default-float}: 0px;
     width: 100%;
   }