foundation-rails 5.4.3.1 → 5.4.3.2

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

@@ -5,7 +5,6 @@
 @import "global";
 @import "buttons";
 
-
 //
 // Button Group Variables
 //
@@ -58,7 +57,7 @@ $button-group-border-width: 1px !default;
   }
   @else {
     margin: 0 -2px;
-    float: none;
+    float: $default-float;
     display: inline-block;
   }
 
@@ -66,11 +65,11 @@ $button-group-border-width: 1px !default;
     display:block;
     margin:0;
     > button, .button {
-    border-top: $button-group-border-width solid;
-    border-color: rgba(255, 255, 255, 0.5);
-    border-left-width: 0px;
-    margin:0;
-    display: block;
+      border-top: $button-group-border-width solid;
+      border-color: rgba(255, 255, 255, 0.5);
+      border-left-width: 0px;
+      margin:0;
+      display: block;
     }
 
     &:first-child {
@@ -89,7 +88,7 @@ $button-group-border-width: 1px !default;
     &:first-child,
     &:first-child > a,
     &:first-child > button,
-    &:first-child > .button {   
+    &:first-child > .button {
       @if $orientation == vertical {
         @include side-radius(top, $button-radius);
       }
@@ -100,12 +99,12 @@ $button-group-border-width: 1px !default;
     &:last-child,
     &:last-child > a,
     &:last-child > button,
-    &:last-child > .button { 
+    &:last-child > .button {
       @if $orientation == vertical {
         @include side-radius(bottom, $button-radius);
       }
       @else {
-        @include side-radius($opposite-direction, $button-radius); 
+        @include side-radius($opposite-direction, $button-radius);
       }
     }
   }
@@ -117,24 +116,24 @@ $button-group-border-width: 1px !default;
     &:first-child,
     &:first-child > a,
     &:first-child > button,
-    &:first-child > .button { 
+    &:first-child > .button {
       @if $orientation == vertical {
         @include side-radius(top, $radius);
       }
       @else {
         @include side-radius($default-float, $radius);
-      } 
+      }
     }
     &:last-child,
     &:last-child > a,
     &:last-child > button,
-    &:last-child > .button { 
+    &:last-child > .button {
       @if $orientation == vertical {
         @include side-radius(bottom, $radius);
       }
       @else {
-        @include side-radius($opposite-direction, $radius); 
-      } 
+        @include side-radius($opposite-direction, $radius);
+      }
     }
   }
 
@@ -143,7 +142,6 @@ $button-group-border-width: 1px !default;
     width: percentage((100/$even) / 100);
     button, .button { width: 100%; }
   }
-
 }
 
 @include exports("button-group") {
@@ -153,13 +151,13 @@ $button-group-border-width: 1px !default;
       & > li { @include button-group-style(); }
 
       &.stack {
-        & > li { @include button-group-style($orientation:vertical); }
+        & > li { @include button-group-style($orientation:vertical); float: none; }
       }
 
       &.stack-for-small {
         & > li {
           @include button-group-style($orientation:horizontal);
-          @media #{$small-only} { 
+          @media #{$small-only} {
             @include button-group-style($orientation:vertical);
           }
         }
@@ -167,22 +165,22 @@ $button-group-border-width: 1px !default;
 
       &.radius > * { @include button-group-style($radius:$button-radius, $float:null); }
       &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); }
-      &.radius.stack-for-small > * { 
+      &.radius.stack-for-small > * {
         @media #{$medium-up} {
           @include button-group-style($radius:$button-radius, $orientation:horizontal);
         }
-        @media #{$small-only} { 
+        @media #{$small-only} {
           @include button-group-style($radius:$button-radius, $orientation:vertical);
         }
       }
 
       &.round > * { @include button-group-style($radius:$button-round, $float:null); }
       &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); }
-      &.round.stack-for-small > * { 
+      &.round.stack-for-small > * {
         @media #{$medium-up} {
           @include button-group-style($radius:$button-round, $orientation:horizontal);
         }
-        @media #{$small-only} { 
+        @media #{$small-only} {
           @include button-group-style($radius:$button-med, $orientation:vertical);
         }
       }
@@ -194,7 +192,7 @@ $button-group-border-width: 1px !default;
 
     .button-bar {
       @include clearfix;
-      .button-group { @include button-group-container($styles:false,$float:true); }
+      .button-group { @include button-group-container($styles:false, $float:true); }
     }
   }
 }

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

@@ -45,6 +45,10 @@ $success-button-bg-hover: scale-color($success-color, $lightness: $button-functi
 $success-button-border-color: $success-button-bg-hover !default;
 $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;
 $alert-button-border-color: $alert-button-bg-hover !default;
+$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default;
+$warning-button-border-color: $warning-button-bg-hover !default;
+$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default;
+$info-button-border-color: $info-button-bg-hover !default;
 
 // We use this to set the default radius used throughout the core.
 $button-radius: $global-radius !default;
@@ -220,6 +224,8 @@ $button-disabled-cursor: $cursor-default-value !default;
       &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }
       &.success   { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }
       &.alert     { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }
+      &.warning   { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }
+      &.info      { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }
 
       &.large  { @include button-size($padding:$button-lrg); }
       &.small  { @include button-size($padding:$button-sml); }
@@ -236,6 +242,8 @@ $button-disabled-cursor: $cursor-default-value !default;
         &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }
         &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }
         &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }
+        &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }
+        &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }
       }
     }
 

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

@@ -51,6 +51,9 @@ $dropdown-mobile-default-float: 0 !default;
 // We use this to control the styles for when the dropdown has custom content.
 $f-dropdown-content-padding: rem-calc(20) !default;
 
+// Default radius for dropdown.
+$f-dropdown-radius: $global-radius !default;
+
 //
 // @mixins
 //
@@ -76,7 +79,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
     font-size: $f-dropdown-font-size;
-    z-index: 99;
+    z-index: 89;
   }
   @else if $content == content {
     padding: $f-dropdown-content-padding;
@@ -86,7 +89,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
     font-size: $f-dropdown-font-size;
-    z-index: 99;
+    z-index: 89;
   }
 
   @if $triangle == bottom {
@@ -97,14 +100,14 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       position: absolute;
       top: -($f-dropdown-triangle-size * 2);
       #{$default-float}: $f-dropdown-triangle-side-offset;
-      z-index: 99;
+      z-index: 89;
     }
     &:after {
       @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);
       position: absolute;
       top: -(($f-dropdown-triangle-size + 1) * 2);
       #{$default-float}: $f-dropdown-triangle-side-offset - 1;
-      z-index: 98;
+      z-index: 88;
     }
 
     &.right:before {
@@ -126,14 +129,14 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       position: absolute;
       top: $f-dropdown-triangle-side-offset;
       #{$default-float}: -($f-dropdown-triangle-size * 2);
-      z-index: 99;
+      z-index: 89;
     }
     &:after {
       @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});
       position: absolute;
       top: $f-dropdown-triangle-side-offset - 1;
       #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;
-      z-index: 98;
+      z-index: 88;
     }
 
   }
@@ -148,7 +151,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       top: $f-dropdown-triangle-side-offset;
       #{$opposite-direction}: -($f-dropdown-triangle-size * 2);
       #{$default-float}: auto;
-      z-index: 99;
+      z-index: 89;
     }
     &:after {
       @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});
@@ -156,7 +159,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       top: $f-dropdown-triangle-side-offset - 1;
       #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;
       #{$default-float}: auto;
-      z-index: 98;
+      z-index: 88;
     }
 
   }
@@ -172,7 +175,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       bottom: -($f-dropdown-triangle-size * 2);
       #{$default-float}: $f-dropdown-triangle-side-offset;
       #{$opposite-direction}: auto;
-      z-index: 99;
+      z-index: 89;
     }
     &:after {
       @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);
@@ -181,7 +184,7 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       bottom: -($f-dropdown-triangle-size * 2) - 2;
       #{$default-float}: $f-dropdown-triangle-side-offset - 1;
       #{$opposite-direction}: auto;
-      z-index: 98;
+      z-index: 88;
     }
 
   }
@@ -205,6 +208,8 @@ $f-dropdown-content-padding: rem-calc(20) !default;
   &:hover,
   &:focus { background: $f-dropdown-list-hover-bg; }
 
+  &.radius { @include radius($f-dropdown-radius); }
+
   a {
     display: block;
     padding: $f-dropdown-list-padding;
@@ -242,6 +247,14 @@ $f-dropdown-content-padding: rem-calc(20) !default;
       &.small   { max-width: 300px; }
       &.medium  { max-width: 500px; }
       &.large   { max-width: 800px; }
+      &.mega    {
+        width:100%!important;
+        max-width:100%!important;
+
+        &.open{
+          left:0!important;
+        }
+      }
     }
 
   }

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

@@ -20,7 +20,7 @@ $namespace: false !default;
 $base-font-size: 100% !default;
 
 // $base-line-height is 24px while $base-font-size is 16px
-$base-line-height: 150% !default;
+$base-line-height: 1.5 !default;
 
 //
 // Global Foundation Mixins
@@ -248,6 +248,11 @@ $oil           : #333333 !default;
 $jet           : #222222 !default;
 $black         : #000000 !default;
 
+// We use these to define default font stacks
+$font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default;
+$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
+$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default;
+
 // We use these to define default font weights
 $font-weight-normal: normal !default;
 $font-weight-bold: bold !default;
@@ -255,7 +260,7 @@ $font-weight-bold: bold !default;
 // We use these to control various global styles
 $body-bg: #fff !default;
 $body-font-color: #222 !default;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
+$body-font-family: $font-family-sans-serif !default;
 $body-font-weight: $font-weight-normal !default;
 $body-font-style: normal !default;
 
@@ -340,7 +345,7 @@ $cursor-text-value: text !default;
   // Forward slash placed around everything to convince PhantomJS to read the value.
 
   meta.foundation-version {
-    font-family: "/5.4.2/";
+    font-family: "/5.4.3/";
   }
 
   meta.foundation-mq-small {

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

@@ -10,7 +10,7 @@
 $include-html-label-classes: $include-html-classes !default;
 
 // We use these to style the labels
-$label-padding: rem-calc(4 8 6) !default;
+$label-padding: rem-calc(4 8 4) !default;
 $label-radius: $global-radius !default;
 
 // We use these to style the label text
@@ -100,6 +100,7 @@ $label-font-family: $body-font-family !default;
       &.warning   { @include label-style($warning-color); }
       &.success   { @include label-style($success-color); }
       &.secondary { @include label-style($secondary-color); }
+      &.info      { @include label-style($info-color); }
     }
   }
 }

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

@@ -29,6 +29,7 @@ $tabbar-header-margin: 0 !default;
 // Off Canvas Menu Variables
 $off-canvas-width: rem-calc(250) !default;
 $off-canvas-bg: $oil !default;
+$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default;
 
 // Off Canvas Menu List Variables
 $off-canvas-label-padding: 0.3rem rem-calc(15) !default;
@@ -107,7 +108,7 @@ $menu-slide: "transform 500ms ease" !default;
   bottom: 0;
   position: absolute;
   overflow-x: hidden;
-  overflow-y: auto;  
+  overflow-y: auto;
   background: $off-canvas-bg;
   z-index: 1001;
   box-sizing: content-box;
@@ -198,7 +199,7 @@ $menu-slide: "transform 500ms ease" !default;
   text-align: center;
   height: $tabbar-height;
   top: 0;
-  @media #{$medium-up} { 
+  @media #{$medium-up} {
     &.left, &.right { text-align: left; }
   }
 
@@ -242,8 +243,10 @@ $menu-slide: "transform 500ms ease" !default;
       padding: $off-canvas-link-padding;
       color: $off-canvas-link-color;
       border-bottom: $off-canvas-link-border-bottom;
-      &:hover { background: scale-color($tabbar-bg, $lightness: -30%); }
       transition: background 300ms ease;
+      &:hover {
+        background: $off-canvas-bg-hover;
+      }
     }
   }
 
@@ -398,7 +401,7 @@ $menu-slide: "transform 500ms ease" !default;
   position: absolute;
   margin: 0;
   overflow-x: hidden;
-  overflow-y: auto;  
+  overflow-y: auto;
   background: $off-canvas-bg;
   z-index: 1002;
   box-sizing: content-box;
@@ -416,7 +419,7 @@ $menu-slide: "transform 500ms ease" !default;
   -ms-transition: -ms-#{$menu-slide};
   -o-transition: -o-#{$menu-slide};
   transition: #{$menu-slide};
-    
+
   //back button style like label
   .back > a {
     padding: $off-canvas-label-padding;
@@ -435,18 +438,18 @@ $menu-slide: "transform 500ms ease" !default;
     @if $position == right {
       @if $text-direction == rtl {
         &:before {
-          @include icon-double-arrows($position: left);        
+          @include icon-double-arrows($position: left);
         }
       } @else {
         &:after {
-          @include icon-double-arrows($position: right);        
+          @include icon-double-arrows($position: right);
         }
-      }      
+      }
     }
     @if $position == left {
       @if $text-direction == rtl {
         &:after {
-          @include icon-double-arrows($position: right);        
+          @include icon-double-arrows($position: right);
         }
       } @else {
         &:before {
@@ -465,7 +468,7 @@ $menu-slide: "transform 500ms ease" !default;
     } @else {
       margin-right: 0.5rem;
     }
-  } 
+  }
   @if $position == right {
     content: "\BB";
     @if $text-direction == rtl {
@@ -479,31 +482,31 @@ $menu-slide: "transform 500ms ease" !default;
 
 @if $include-html-off-canvas-classes {
   .left-submenu {
-    @include off-canvas-submenu($position: left);   
+    @include off-canvas-submenu($position: left);
     &.move-right {
       @include translate3d(0%,0,0);
     }
   }
-  
-  .right-submenu { 
-    @include off-canvas-submenu($position: right);    
+
+  .right-submenu {
+    @include off-canvas-submenu($position: right);
     &.move-left {
       @include translate3d(0%,0,0);
     }
   }
-  
+
   @if $text-direction == rtl {
-    .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { 
+    .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
       @include icon-double-arrows($position: left);
     }
-    .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { 
+    .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
       @include icon-double-arrows($position: right);
     }
   } @else {
-    .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { 
+    .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
        @include icon-double-arrows($position: right);
     }
-    .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { 
+    .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
        @include icon-double-arrows($position: left);
     }
   }