Foundation build to bower-foundation

foundation · Apr 4, 2014 · 983a600 · 983a600
1 parent bedb56d
commit 983a600
Show file tree

Hide file tree

Showing 9 changed files with 232 additions and 111 deletions.
diff --git a/css/foundation.css b/css/foundation.css
@@ -2436,9 +2436,17 @@ label.error {
 
 @keyframes rotate {
   from {
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
     transform: rotate(0deg); }
 
   to {
+    -webkit-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
     transform: rotate(360deg); } }
 
 /* Orbit Graceful Loading */
@@ -2488,81 +2496,81 @@ label.error {
     .orbit-container .orbit-slides-container img {
       display: block;
       max-width: 100%; }
-    .orbit-container .orbit-slides-container.fade > * {
+    .orbit-container .orbit-slides-container.fade li {
       opacity: 0;
       transition: opacity 500ms ease-in-out;
+      -ms-transform: translate(0, 0);
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
-      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0); }
-      .orbit-container .orbit-slides-container.fade > *.animate-in {
+      .orbit-container .orbit-slides-container.fade li.animate-in {
         opacity: 1;
         z-index: 20;
         transition: opacity 500ms ease-in-out; }
-      .orbit-container .orbit-slides-container.fade > *.animate-out {
+      .orbit-container .orbit-slides-container.fade li.animate-out {
         z-index: 10;
         transition: opacity 500ms ease-in-out; }
-    .orbit-container .orbit-slides-container.swipe-next > * {
+    .orbit-container .orbit-slides-container.swipe-next li {
+      -ms-transform: translate(100%, 0);
       -webkit-transform: translate3d(100%, 0, 0);
       -moz-transform: translate3d(100%, 0, 0);
-      -ms-transform: translate3d(100%, 0, 0);
       -o-transform: translate3d(100%, 0, 0);
       transform: translate3d(100%, 0, 0); }
-      .orbit-container .orbit-slides-container.swipe-next > *.animate-in {
+      .orbit-container .orbit-slides-container.swipe-next li.animate-in {
+        -ms-transform: translate(0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         transition-duration: 500ms; }
-      .orbit-container .orbit-slides-container.swipe-next > *.animate-out {
+      .orbit-container .orbit-slides-container.swipe-next li.animate-out {
+        -ms-transform: translate(-100%, 0);
         -webkit-transform: translate3d(-100%, 0, 0);
         -moz-transform: translate3d(-100%, 0, 0);
-        -ms-transform: translate3d(-100%, 0, 0);
         -o-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         transition-duration: 500ms; }
-    .orbit-container .orbit-slides-container.swipe-prev > * {
+    .orbit-container .orbit-slides-container.swipe-prev li {
+      -ms-transform: translate(-100%, 0);
       -webkit-transform: translate3d(-100%, 0, 0);
       -moz-transform: translate3d(-100%, 0, 0);
-      -ms-transform: translate3d(-100%, 0, 0);
       -o-transform: translate3d(-100%, 0, 0);
       transform: translate3d(-100%, 0, 0); }
-      .orbit-container .orbit-slides-container.swipe-prev > *.animate-in {
+      .orbit-container .orbit-slides-container.swipe-prev li.animate-in {
+        -ms-transform: translate(0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         transition-duration: 500ms; }
-      .orbit-container .orbit-slides-container.swipe-prev > *.animate-out {
+      .orbit-container .orbit-slides-container.swipe-prev li.animate-out {
+        -ms-transform: translate(100%, 0);
         -webkit-transform: translate3d(100%, 0, 0);
         -moz-transform: translate3d(100%, 0, 0);
-        -ms-transform: translate3d(100%, 0, 0);
         -o-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         transition-duration: 500ms; }
-    .orbit-container .orbit-slides-container > * {
+    .orbit-container .orbit-slides-container li {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
+      -ms-transform: translate(100%, 0);
       -webkit-transform: translate3d(100%, 0, 0);
       -moz-transform: translate3d(100%, 0, 0);
-      -ms-transform: translate3d(100%, 0, 0);
       -o-transform: translate3d(100%, 0, 0);
       transform: translate3d(100%, 0, 0); }
-      .orbit-container .orbit-slides-container > *.active {
+      .orbit-container .orbit-slides-container li.active {
         opacity: 1;
         top: 0;
         left: 0;
+        -ms-transform: translate(0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0); }
-      .orbit-container .orbit-slides-container > * .orbit-caption {
+      .orbit-container .orbit-slides-container li .orbit-caption {
         position: absolute;
         bottom: 0;
         background-color: rgba(51, 51, 51, 0.8);
@@ -2613,6 +2621,10 @@ label.error {
       height: 14px;
       border: inset 8px;
       border-left-style: solid;
+      -webkit-transform: rotate(180deg);
+      -moz-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+      -o-transform: rotate(180deg);
       transform: rotate(180deg);
       border-color: transparent #fff transparent transparent; }
       .orbit-container .orbit-timer.paused > span.dark {
@@ -2878,8 +2890,8 @@ ul.pagination {
   height: 1rem;
   border: 1px solid #ddd;
   margin: 1.25rem 0;
-  touch-action: none;
   -ms-touch-action: none;
+  touch-action: none;
   background: #fafafa; }
   .range-slider.vertical-range {
     display: block;
@@ -2888,8 +2900,8 @@ ul.pagination {
     height: 1rem;
     border: 1px solid #ddd;
     margin: 1.25rem 0;
-    touch-action: none;
     -ms-touch-action: none;
+    touch-action: none;
     display: inline-block;
     width: 1rem;
     height: 12.5rem; }
@@ -4389,6 +4401,7 @@ blockquote, blockquote p {
   padding: 0;
   color: #fff;
   position: relative;
+  -ms-transform: translate(0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
@@ -4417,6 +4430,7 @@ blockquote, blockquote p {
   z-index: 1001;
   box-sizing: content-box;
   -webkit-overflow-scrolling: touch;
+  -ms-transform: translate(-100%, 0);
   -webkit-transform: translate3d(-100%, 0, 0);
   -moz-transform: translate3d(-100%, 0, 0);
   -ms-transform: translate3d(-100%, 0, 0);
@@ -4437,6 +4451,7 @@ blockquote, blockquote p {
   z-index: 1001;
   box-sizing: content-box;
   -webkit-overflow-scrolling: touch;
+  -ms-transform: translate(100%, 0);
   -webkit-transform: translate3d(100%, 0, 0);
   -moz-transform: translate3d(100%, 0, 0);
   -ms-transform: translate3d(100%, 0, 0);
@@ -4469,6 +4484,7 @@ ul.off-canvas-list {
       background: #242424; }
 
 .move-right > .inner-wrap {
+  -ms-transform: translate(15.625rem, 0);
   -webkit-transform: translate3d(15.625rem, 0, 0);
   -moz-transform: translate3d(15.625rem, 0, 0);
   -ms-transform: translate3d(15.625rem, 0, 0);
@@ -4493,6 +4509,7 @@ ul.off-canvas-list {
       background: rgba(255, 255, 255, 0.05); } }
 
 .move-left > .inner-wrap {
+  -ms-transform: translate(-15.625rem, 0);
   -webkit-transform: translate3d(-15.625rem, 0, 0);
   -moz-transform: translate3d(-15.625rem, 0, 0);
   -ms-transform: translate3d(-15.625rem, 0, 0);
@@ -4516,31 +4533,6 @@ ul.off-canvas-list {
     .move-left .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
 
-.csstransforms.no-csstransforms3d .left-off-canvas-menu {
-  -webkit-transform: translate2d(-100%, 0);
-  -moz-transform: translate2d(-100%, 0);
-  -ms-transform: translate2d(-100%, 0);
-  -o-transform: translate2d(-100%, 0);
-  transform: translate2d(-100%, 0); }
-.csstransforms.no-csstransforms3d .right-off-canvas-menu {
-  -webkit-transform: translate2d(100%, 0);
-  -moz-transform: translate2d(100%, 0);
-  -ms-transform: translate2d(100%, 0);
-  -o-transform: translate2d(100%, 0);
-  transform: translate2d(100%, 0); }
-.csstransforms.no-csstransforms3d .move-left > .inner-wrap {
-  -webkit-transform: translate2d(-15.625rem, 0);
-  -moz-transform: translate2d(-15.625rem, 0);
-  -ms-transform: translate2d(-15.625rem, 0);
-  -o-transform: translate2d(-15.625rem, 0);
-  transform: translate2d(-15.625rem, 0); }
-.csstransforms.no-csstransforms3d .move-right > .inner-wrap {
-  -webkit-transform: translate2d(15.625rem, 0);
-  -moz-transform: translate2d(15.625rem, 0);
-  -ms-transform: translate2d(15.625rem, 0);
-  -o-transform: translate2d(15.625rem, 0);
-  transform: translate2d(15.625rem, 0); }
-
 .no-csstransforms .left-off-canvas-menu {
   left: -15.625rem; }
 .no-csstransforms .right-off-canvas-menu {

diff --git a/css/foundation.min.css b/css/foundation.min.css
diff --git a/js/foundation.js b/js/foundation.js
@@ -3597,7 +3597,12 @@
       animate = new CSSAnimation(settings, slides_container);
 
       if (has_init_active) {
-        self._goto(slides_container.find("." + settings.active_slide_class).index());
+        var $init_target = slides_container.find("." + settings.active_slide_class),
+            animation_speed = settings.animation_speed;
+        settings.animation_speed = 1;
+        $init_target.removeClass('active');
+        self._goto($init_target.index());
+        settings.animation_speed = animation_speed;
       }
 
       container.on('click', '.'+settings.next_class, self.next);
@@ -3612,6 +3617,8 @@
         slides_container.on('touchstart.fndtn.orbit',function(e) {
           if (self.cache.animating) {return;}
           if (!e.touches) {e = e.originalEvent;}
+          e.preventDefault();
+          e.stopPropagation();
 
           self.cache.start_page_x = e.touches[0].pageX;
           self.cache.start_page_y = e.touches[0].pageY;
@@ -3759,29 +3766,89 @@
     var animation_end = "webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend";
 
     this.next = function(current, next, callback) {
-      next.on(animation_end, function(e){
-        next.unbind(animation_end);
-        current.removeClass("active animate-out");
-        next.removeClass("animate-in");
-        callback();
-      });
+      if (Modernizr.csstransitions) {
+        next.on(animation_end, function(e){
+          next.unbind(animation_end);
+          current.removeClass("active animate-out");
+          next.removeClass("animate-in");
+          container.children().css({
+            "transform":"",
+            "-ms-transform":"",
+            "-webkit-transition-duration":"",
+            "-moz-transition-duration": "",
+            "-o-transition-duration": "",
+            "transition-duration":""
+          });
+          callback();
+        });
+      } else {
+        setTimeout(function(){
+          current.removeClass("active animate-out");
+          next.removeClass("animate-in");
+          container.children().css({
+            "transform":"",
+            "-ms-transform":"",
+            "-webkit-transition-duration":"",
+            "-moz-transition-duration": "",
+            "-o-transition-duration": "",
+            "transition-duration":""
+          });
+          callback();
+        }, settings.animation_speed);
+      }
       container.children().css({
-        "transform":"", 
-        "transitionDuration":""
+        "transform":"",
+        "-ms-transform":"",
+        "-webkit-transition-duration":"",
+        "-moz-transition-duration": "",
+        "-o-transition-duration": "",
+        "transition-duration":""
       });
       current.addClass("animate-out");
       next.addClass("animate-in");
     };
 
     this.prev = function(current, prev, callback) {
-      prev.on(animation_end, function(e){
-        prev.unbind(animation_end);
-        current.removeClass("active animate-out");
-        prev.removeClass("animate-in");
-        callback();
+      if (Modernizr.csstransitions) {
+        prev.on(animation_end, function(e){
+          prev.unbind(animation_end);
+          current.removeClass("active animate-out");
+          prev.removeClass("animate-in");
+          container.children().css({
+            "transform":"",
+            "-ms-transform":"",
+            "-webkit-transition-duration":"",
+            "-moz-transition-duration": "",
+            "-o-transition-duration": "",
+            "transition-duration":""
+          });
+          callback();
+        });
+      } else {
+        setTimeout(function(){
+          current.removeClass("active animate-out");
+          prev.removeClass("animate-in");
+          container.children().css({
+            "transform":"",
+            "-ms-transform":"",
+            "-webkit-transition-duration":"",
+            "-moz-transition-duration": "",
+            "-o-transition-duration": "",
+            "transition-duration":""
+          });
+          callback();
+        }, settings.animation_speed);
+      }
+      container.children().css({
+        "transform":"",
+        "-ms-transform":"",
+        "-webkit-transition-duration":"",
+        "-moz-transition-duration": "",
+        "-o-transition-duration": "",
+        "transition-duration":""
       });
-      current.css({"transform":"", "transitionDuration":""}).addClass("animate-out");
-      prev.css({"transform":"", "transitionDuration":""}).addClass("animate-in");
+      current.addClass("animate-out");
+      prev.addClass("animate-in");
     };
   };
 
@@ -3811,6 +3878,7 @@
       timer_container_class: 'orbit-timer',
       timer_paused_class: 'paused',
       timer_progress_class: 'orbit-progress',
+      timer_show_progress_bar: true,
       slides_container_class: 'orbit-slides-container',
       preloader_class: 'preloader',
       slide_selector: '*',
@@ -4328,7 +4396,7 @@
         .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);
+            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) {

diff --git a/js/foundation.min.js b/js/foundation.min.js