foundation-rails 5.1.1.0 → 5.2.0.0

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 // @variables
@@ -135,25 +139,104 @@ $preloader-class: "preloader" !default;
         -webkit-transform: translateZ(0);
 
         img { display: block; max-width: 100%; }
+        
+        &.fade > * {
+          -webkit-transform: translate3d(0,0,0);
+          opacity: 0.01;
+          transition: opacity .25s ease-in-out;
+          -moz-transition: opacity .25s ease-in-out;
+          -webkit-transition: opacity .25s ease-in-out;
+          &.animate-in {
+            opacity: 1;
+            z-index: 20;
+            transition: opacity 500ms ease-in-out;
+            -moz-transition: opacity 500ms ease-in-out;
+            -webkit-transition: opacity 500ms ease-in-out;
+          }
+          &.animate-out {
+            opacity: 0.01;
+            z-index: 10;
+            transition: opacity 500ms ease-in-out;
+            -moz-transition: opacity 500ms ease-in-out;
+            -webkit-transition: opacity 500ms ease-in-out;
+          }
+        }
+        &.swipe-next > * {
+          -webkit-transform: translate3d(100%,0,0);
+          &.animate-in {
+            -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);
+            -webkit-transition-duration:500ms;
+            -moz-transition-duration:500ms;
+            -o-transition-duration:500ms;
+            transition-duration:500ms;
+          }
+          &.animate-out {
+            -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);
+            -webkit-transition-duration:500ms;
+            -moz-transition-duration:500ms;
+            -o-transition-duration:500ms;
+            transition-duration:500ms;
+          }
+        }
+
+        &.swipe-prev > * {
+          -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);
+          &.animate-in {
+            -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);
+            -webkit-transition-duration:500ms;
+            -moz-transition-duration:500ms;
+            -o-transition-duration:500ms;
+            transition-duration:500ms;
+          }
+          &.animate-out {
+            -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);
+            -webkit-transition-duration:500ms;
+            -moz-transition-duration:500ms;
+            -o-transition-duration:500ms;
+            transition-duration:500ms;
+          }
+        }
 
         &>* {
           position: absolute;
           top: 0;
+          left: 0;
           width: 100%;
-          @if $text-direction == rtl {
-            margin-right: 100%;
-          }
-          @else {
-            margin-left: 100%;
-          }
-
-          &:first-child {
-            @if $text-direction == rtl {
-            margin-right: 0%;
-            }
-            @else {
-            margin-left: 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);
+
+          &.active {
+            opacity: 1;
+            top: 0;
+            left: 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-caption {

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -73,6 +77,7 @@ $pagination-link-current-active-bg: $primary-color !default;
     color: $pagination-link-current-font-color;
     font-weight: $pagination-link-current-font-weight;
     cursor: $pagination-link-current-cursor;
+    @include radius;
 
     &:hover,
     &:focus { background: $pagination-link-current-active-bg; }
@@ -102,7 +107,7 @@ $pagination-link-current-active-bg: $primary-color !default;
         display: block;
         padding: $pagination-link-pad;
         color: $pagination-link-font-color;
-        @include radius($global-radius)
+        @include radius;
       }
 
       &:hover a,
@@ -142,4 +147,4 @@ $pagination-link-current-active-bg: $primary-color !default;
       }
     }
   }
-}
+}

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -71,7 +75,7 @@ $callout-panel-link-color: $primary-color !default;
 
       &.callout {
         @include panel(scale-color($primary-color, $lightness: 94%));
-        a {
+        a:not(.button) {
           color: $callout-panel-link-color;
         }
       }

data/vendor/assets/stylesheets/foundation/components/_pricing-tables.scss

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

data/vendor/assets/stylesheets/foundation/components/_progress-bars.scss

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

data/vendor/assets/stylesheets/foundation/components/_range-slider.scss

@@ -0,0 +1,148 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @name _range-slider.scss
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-range-slider-classes: $include-html-classes !default;
+
+// These variabels define the slider bar styles
+$range-slider-bar-width: 100% !default;
+$range-slider-bar-height: rem-calc(16) !default;
+
+$range-slider-bar-border-width: 1px !default;
+$range-slider-bar-border-style: solid !default;
+$range-slider-bar-border-color: #ddd !default; 
+$range-slider-radius: $global-radius !default;
+$range-slider-round: $global-rounded !default;
+$range-slider-bar-bg-color: #fafafa !default;
+
+// Vertical bar styles
+$range-slider-vertical-bar-width: rem-calc(16) !default;
+$range-slider-vertical-bar-height: rem-calc(200) !default;
+
+// These variabels define the slider handle styles
+$range-slider-handle-width: rem-calc(32) !default;
+$range-slider-handle-height: rem-calc(22) !default;
+$range-slider-handle-position-top: rem-calc(-5) !default;
+$range-slider-handle-bg-color: $primary-color !default;
+$range-slider-handle-border-width: 1px !default;
+$range-slider-handle-border-style: solid !default;
+$range-slider-handle-border-color: none !default;
+$range-slider-handle-radius: $global-radius !default;
+$range-slider-handle-round: $global-rounded !default;
+$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default;
+$range-slider-handle-cursor: pointer !default;
+
+
+//
+// @mixins
+//
+
+@mixin range-slider-bar-base($vertical: false) {
+  display: block;
+  position: relative;
+  width: $range-slider-bar-width;
+  height: $range-slider-bar-height;
+  border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color;
+  margin: rem-calc(20 0);
+  touch-action: none;
+  -ms-touch-action: none;
+  @if $vertical == true {
+    display: inline-block;
+    width: $range-slider-vertical-bar-width;
+    height: $range-slider-vertical-bar-height;
+  }
+}
+@mixin range-slider-bar-style(
+  $bg: true,
+  $radius: false,
+  $round: false) {
+    @if $bg == true { background: $range-slider-bar-bg-color; }
+    @if $radius == true { @include radius($range-slider-radius); }
+    @if $round == true { @include radius($range-slider-round); }
+  }
+
+@mixin range-slider-bar(
+  $bg: $range-slider-bar-bg-color, 
+  $radius:false) {
+  @include range-slider-bar-base;
+  @include range-slider-bar-style;
+}
+
+@mixin range-slider-handle-base() {
+  display: inline-block;
+  position: absolute;
+  z-index: 1;
+  top: $range-slider-handle-position-top;
+  width: $range-slider-handle-width;
+  height: $range-slider-handle-height;
+  border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color;
+  cursor: $range-slider-handle-cursor;
+}
+@mixin range-slider-handle-style(
+  $bg: true,
+  $radius: false,
+  $round: false) {
+  @if $bg == true { background: $range-slider-handle-bg-color; }
+  @if $radius == true { @include radius($range-slider-radius); }
+  @if $round == true { @include radius($range-slider-round); }
+  &:hover {
+    background: $range-slider-handle-bg-hover-color;
+  }
+}
+@mixin range-slider-handle() {
+  @include range-slider-handle-base;
+  @include range-slider-handle-style;
+}
+
+// CSS Generation
+@include exports("range-slider-bar") {
+  @if $include-html-range-slider-classes {
+    .range-slider {
+      @include range-slider-bar-base;
+      @include range-slider-bar-style($bg:true, $radius:false);
+      &.vertical-range {
+        @include range-slider-bar-base($vertical: true);
+        .range-slider-handle {
+          margin-top: 0;
+          margin-#{$default-float}: -($range-slider-handle-width / 4);
+          position: absolute;
+          bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width);
+        }
+        .range-slider-active-segment {
+          width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
+          height: auto;
+          bottom: 0;
+        }
+      }
+      &.radius {
+        @include range-slider-bar-style($radius:true);
+        .range-slider-handle { @include range-slider-handle-style($radius: true); }
+      }
+      &.round {
+        @include range-slider-bar-style($round:true);
+        .range-slider-handle { @include range-slider-handle-style($round: true); }
+      }
+    }
+    .range-slider-active-segment {
+      display: inline-block;
+      position: absolute;
+      height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
+      background: scale-color($secondary-color, $lightness: -1%);
+    }
+    .range-slider-handle {
+      @include range-slider-handle-base;
+      @include range-slider-handle-style($bg:true, $radius: false);
+    }
+  }
+}

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

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -19,7 +23,7 @@ $reveal-modal-padding: rem-calc(20) !default;
 $reveal-box-shadow: 0 0 10px rgba(#000,.4) !default;
 
 // We use these to style the reveal close button
-$reveal-close-font-size: rem-calc(22) !default;
+$reveal-close-font-size: rem-calc(40) !default;
 $reveal-close-top: rem-calc(8) !default;
 $reveal-close-side: rem-calc(11) !default;
 $reveal-close-color: #aaa !default;
@@ -44,7 +48,7 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
   width: 100%;
   background: $reveal-overlay-bg-old;
   background: $reveal-overlay-bg;
-  z-index: 98;
+  z-index: 99;
   display: none;
   top: 0;
   #{$default-float}: 0;
@@ -62,9 +66,17 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
     visibility: hidden;
     display: none;
     position: absolute;
-    #{$default-float}: 50%;
     z-index: 99;
-    height: auto;
+    width: 100vw;
+    top:0;
+    #{$default-float}: 0;
+    @media #{$small-only} {
+      height: 100vh;
+      min-height:100vh;
+    }
+    @media #{$medium-up} {
+      #{$default-float}: 50%;
+    }
 
     // Make sure rows don't have a min-width on them
     .column,
@@ -76,8 +88,10 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
   }
 
   @if $width {
-    margin-#{$default-float}: -($width / 2);
-    width: $width;
+    @media #{$medium-up} {
+      margin-#{$default-float}: -($width / 2);
+      width: $width;
+    }
   }
 }
 
@@ -114,7 +128,11 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
     box-shadow: $reveal-box-shadow;
   }
 
-  @if $top-offset { top: $top-offset; }
+  @if $top-offset {
+    @media #{$medium-up} {
+      top: $top-offset;
+    }
+  }
 }
 
 // We use this to create a close button for the reveal modal
@@ -160,6 +178,17 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
         &.large { @include reveal-modal-base(false, 70%); }
         &.xlarge { @include reveal-modal-base(false, 95%); }
       }
+
+      dialog, .#{$reveal-modal-class} {
+        &.full {
+          @include reveal-modal-base(false, 100vw);
+          top:0;
+          left:0;
+          height: 100vh;
+          min-height:100vh;
+          margin-left: 0 !important;
+        }
+      }
     }
 
     // Reveal Print Styles

data/vendor/assets/stylesheets/foundation/components/_side-nav.scss

@@ -1,3 +1,7 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
 @import "global";
 
 //
@@ -20,8 +24,9 @@ $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%)
 $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;
 $side-nav-font-size: rem-calc(14) !default;
 $side-nav-font-weight: normal !default;
+$side-nav-font-weight-active: $side-nav-font-weight !default;
 $side-nav-font-family: $body-font-family !default;
-$side-nav-active-font-family: $side-nav-font-family !default;
+$side-nav-font-family-active: $side-nav-font-family !default;
 
 
 
@@ -67,8 +72,8 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
 
     &.active > a:first-child:not(.button) {
       color: $side-nav-link-color-active;
-      font-weight: $side-nav-font-weight;
-      font-family: $side-nav-active-font-family;
+      font-weight: $side-nav-font-weight-active;
+      font-family: $side-nav-font-family-active;
     }
 
     &.divider {