foundation-rails 5.5.1.2 → 5.5.2.0

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _sub-nav.scss
@@ -59,10 +59,10 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
   $active-bg: $sub-nav-active-bg,
   $active-bg-hover: $sub-nav-active-bg-hover) {
   display: block;
-  width: auto;
+  margin: $sub-nav-list-margin;
   overflow: hidden;
-  margin-bottom: $sub-nav-list-margin;
   padding-top: $sub-nav-list-padding-top;
+  width: auto;
 
   dt {
     text-transform: uppercase;
@@ -71,18 +71,19 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
   dt,
   dd,
   li {
+    color: $font-color;
     float: $default-float;
-    margin-#{$default-float}: rem-calc(16);
-    margin-bottom: 0;
     font-family: $sub-nav-font-family;
-    font-weight: $sub-nav-font-weight;
     font-size: $font-size;
-    color: $font-color;
+    font-weight: $sub-nav-font-weight;
+    margin-#{$default-float}: rem-calc(16);
+    margin-bottom: 0;
 
     a {
-      text-decoration: $sub-nav-text-decoration;
       color: $sub-nav-font-color;
       padding: $sub-nav-padding;
+      text-decoration: $sub-nav-text-decoration;
+
       &:hover {
         color: $sub-nav-font-color-hover;
       }
@@ -90,15 +91,17 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
 
     &.active a {
       @include radius($sub-nav-border-radius);
-      font-weight: $sub-nav-active-font-weight;
       background: $active-bg;
-      padding: $sub-nav-active-padding;
-      cursor: $sub-nav-active-cursor;
       color: $sub-nav-active-color;
+      cursor: $sub-nav-active-cursor;
+      font-weight: $sub-nav-active-font-weight;
+      padding: $sub-nav-active-padding;
+
       &:hover {
         background: $active-bg-hover;
       }
     }
+
     @if $sub-nav-item-divider != "" {
       margin-#{$default-float}: 0;
 

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name
@@ -44,24 +44,26 @@ $switch-active-color: $primary-color !default;
   $transition-speed:$switch-paddle-transition-speed,
   $transition-ease:$switch-paddle-transition-ease) {
 
-  padding: 0;
   border: none;
-  position: relative;
+  margin-bottom: $switch-bottom-margin;
   outline: 0;
+  padding: 0;
+  position: relative;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 
   // Default label styles for type and transition
   label {
+    background: $switch-bg;
+    color: transparent;
+    cursor: pointer;
     display: block;
     margin-bottom: ($switch-height-med / 2);
     position: relative;
-    color: transparent;
-    background: $switch-bg;
     text-indent: 100%;
     width: $switch-height-med * 2; height: $switch-height-med;
-    cursor: pointer;
 
     // Transition for the switch label to follow paddle
     @include single-transition(left, $transition-speed, $transition-ease);
@@ -70,11 +72,11 @@ $switch-active-color: $primary-color !default;
   // So that we don't need to recreate the form with any JS, we use the
   // existing checkbox or radio button, but we cleverly position and hide it.
   input {
+    left: 10px;
     opacity: 0;
+    padding:0;
     position: absolute;
     top: 9px;
-    left: 10px;
-    padding:0;
 
     & + label { margin-left: 0; margin-right: 0; }
   }
@@ -84,14 +86,14 @@ $switch-active-color: $primary-color !default;
   // the state of the input.
 
   label:after {
+    background: $switch-paddle-bg;
     content: "";
     display: block;
-    background: $switch-paddle-bg;
+    height: $switch-height-med - .5rem;
+    left: .25rem;
     position: absolute;
     top: .25rem;
-    left: .25rem;
-    width: $switch-height-med - 0.5rem;
-    height: $switch-height-med - 0.5rem;
+    width: $switch-height-med - .5rem;
 
     -webkit-transition: left $transition-speed $transition-ease;
     -moz-transition: left $transition-speed $transition-ease;
@@ -100,6 +102,7 @@ $switch-active-color: $primary-color !default;
 
     -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);
   }
@@ -109,7 +112,7 @@ $switch-active-color: $primary-color !default;
   }
 
   input:checked + label:after {
-    left: $switch-height-med + 0.25rem;
+    left: $switch-height-med + .25rem;
   }
 }
 
@@ -121,17 +124,17 @@ $switch-active-color: $primary-color !default;
 @mixin switch-size($height: $switch-height-med) {
 
   label {
-    width: $height * 2;
     height: $height;
+    width: $height * 2;
   }
 
   label:after {
-    width: $height - 0.5rem;
-    height: $height - 0.5rem;
+    height: $height - .5rem;
+    width: $height - .5rem;
   }
 
   input:checked + label:after {
-    left: $height + 0.25rem;
+    left: $height + .25rem;
   }
 
 }

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _tables.scss
@@ -62,8 +62,8 @@ $table-margin-bottom: rem-calc(20) !default;
 
 @mixin table {
   background: $table-bg;
-  margin-bottom: $table-margin-bottom;
   border: $table-border-style $table-border-size $table-border-color;
+  margin-bottom: $table-margin-bottom;
   table-layout: $table-layout;
 
   caption {
@@ -81,10 +81,10 @@ $table-margin-bottom: rem-calc(20) !default;
     tr {
       th,
       td {
-        padding: $table-head-padding;
+        color: $table-head-font-color;
         font-size: $table-head-font-size;
         font-weight: $table-head-font-weight;
-        color: $table-head-font-color;
+        padding: $table-head-padding;
       }
     }
   }
@@ -95,10 +95,10 @@ $table-margin-bottom: rem-calc(20) !default;
     tr {
       th,
       td {
-        padding: $table-foot-padding;
+        color: $table-foot-font-color;
         font-size: $table-foot-font-size;
         font-weight: $table-foot-font-weight;
-        color: $table-foot-font-color;
+        padding: $table-foot-padding;
       }
     }
   }
@@ -106,9 +106,9 @@ $table-margin-bottom: rem-calc(20) !default;
   tr {
     th,
     td {
-      padding: $table-row-padding;
-      font-size: $table-row-font-size;
       color: $table-row-font-color;
+      font-size: $table-row-font-size;
+      padding: $table-row-padding;
       text-align: $default-float;
     }
 

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

@@ -2,8 +2,8 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
-@import "grid";
+@import 'global';
+@import 'grid';
 
 //
 // @variables
@@ -31,46 +31,48 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
       @include clearfix;
       margin-bottom: 0 !important;
       margin-left: 0;
-      dd, .tab-title {
-        position: relative;
-        margin-bottom: 0 !important;
-        list-style: none;
+
+      dd,
+      .tab-title {
         float: $default-float;
+        list-style: none;
+        margin-bottom: 0 !important;
+        position: relative;
+
         > a {
           display: block;
-          background: {
-            color: $tabs-navigation-bg-color;
-          }
+          background-color: $tabs-navigation-bg-color;
           color: $tabs-navigation-font-color;
-          padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
           font-family: $tabs-navigation-font-family;
           font-size: $tabs-navigation-font-size;
+          padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
+
           &:hover {
-            background: {
-              color: $tabs-navigation-hover-bg-color;
-            }
-          }
-          &:focus{
-              outline: none;
+            background-color: $tabs-navigation-hover-bg-color;
           }
         }
+
         &.active a {
-          background: {
-            color: $tabs-navigation-active-bg-color;
-          }
-          color:$tabs-navigation-active-font-color;
-          }
+          background-color: $tabs-navigation-active-bg-color;
+          color: $tabs-navigation-active-font-color;
+        }
       }
+
       &.radius {
-        dd:first-child, .tab:first-child {
+        dd:first-child,
+        .tab:first-child {
           a { @include side-radius($default-float, $global-radius); }
         }
-        dd:last-child, .tab:last-child {
+
+        dd:last-child,
+        .tab:last-child {
           a { @include side-radius($opposite-direction, $global-radius); }
         }
       }
+
       &.vertical {
-        dd, .tab-title {
+        dd,
+        .tab-title {
           position: inherit;
           float: none;
           display: block;
@@ -83,38 +85,53 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
       @include clearfix;
       margin-bottom: $tabs-content-margin-bottom;
       width: 100%;
+
       > .content {
         display: none;
         float: $default-float;
         padding: $tabs-content-padding 0;
         width: 100%;
-        &.active { display: block; float: none; }
-        &.contained { padding: $tabs-content-padding; }
+
+        &.active {
+          display: block;
+          float: none;
+        }
+        &.contained {
+          padding: $tabs-content-padding;
+        }
       }
+
       &.vertical {
         display: block;
-        > .content { padding: 0 $tabs-content-padding; }
+
+        > .content {
+          padding: 0 $tabs-content-padding;
+        }
       }
     }
+
     @media #{$medium-up} {
       .tabs {
         &.vertical {
-          width: 20%;
-          max-width: 20%;
           float: $default-float;
-          margin: 0 0 $tabs-vertical-navigation-margin-bottom;
+          margin: 0;
+          margin-bottom: $tabs-vertical-navigation-margin-bottom !important;
+          max-width: 20%;
+          width: 20%;
         }
       }
+
       .tabs-content {
         &.vertical {
-          width: 80%;
-          max-width: 80%;
           float: $default-float;
           margin-#{$default-float}: -1px;
+          max-width: 80%;
           padding-#{$default-float}: 1rem;
+          width: 80%;
         }
       }
     }
+
     .no-js {
       .tabs-content > .content {
         display: block;

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _thumbs.scss
@@ -36,14 +36,14 @@ $thumb-transition-speed: 200ms !default;
 // $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.
 // $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.
 @mixin thumb(
-  $border-width:$thumb-border-width, 
-  $box-shadow:$thumb-box-shadow, 
+  $border-width:$thumb-border-width,
+  $box-shadow:$thumb-box-shadow,
   $box-shadow-hover:$thumb-box-shadow-hover) {
-  line-height: 0;
-  display: inline-block;
   border: $thumb-border-style $border-width $thumb-border-color;
-  max-width: 100%;
   box-shadow: $box-shadow;
+  display: inline-block;
+  line-height: 0;
+  max-width: 100%;
 
   &:hover,
   &:focus {
@@ -58,9 +58,9 @@ $thumb-transition-speed: 200ms !default;
     /* Image Thumbnails */
     .th {
       @include thumb;
-      @include single-transition(all,$thumb-transition-speed,ease-out);
+      @include single-transition(all, $thumb-transition-speed, ease-out);
 
       &.radius { @include radius($thumb-radius); }
     }
   }
-}
+}

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // Tooltip Variables
@@ -37,9 +37,9 @@ $tooltip-max-width: 300px !default;
     /* Tooltips */
     .has-tip {
       border-bottom: $has-tip-border-bottom;
+      color: $has-tip-font-color;
       cursor: $has-tip-cursor-type;
       font-weight: $has-tip-font-weight;
-      color: $has-tip-font-color;
 
       &:hover,
       &:focus {
@@ -52,29 +52,29 @@ $tooltip-max-width: 300px !default;
     }
 
     .tooltip {
+      background: $tooltip-bg;
+      color: $tooltip-font-color;
       display: none;
-      position: absolute;
-      z-index: 1006;
-      font-weight: $tooltip-font-weight;
       font-size: $tooltip-font-size;
+      font-weight: $tooltip-font-weight;
       line-height: $tooltip-line-height;
-      padding: $tooltip-padding;
       max-width: $tooltip-max-width;
-      #{$default-float}: 50%;
+      padding: $tooltip-padding;
+      position: absolute;
       width: 100%;
-      color: $tooltip-font-color;
-      background: $tooltip-bg;
+      z-index: 1006;
+      #{$default-float}: 50%;
 
-      &>.nub {
+      > .nub {
+        border-color: transparent transparent $tooltip-bg transparent;
+        border: solid $tooltip-pip-size;
         display: block;
-        #{$default-float}: $tooltip-pip-size;
-        position: absolute;
-        width: 0;
         height: 0;
-        border: solid $tooltip-pip-size;
-        border-color: transparent transparent $tooltip-bg transparent;
-        top: -($tooltip-pip-size * 2);
         pointer-events: none;
+        position: absolute;
+        top: -($tooltip-pip-size * 2);
+        width: 0;
+        #{$default-float}: $tooltip-pip-size;
 
         &.rtl {
           left: auto;
@@ -87,34 +87,34 @@ $tooltip-max-width: 300px !default;
       }
       &.round {
         @include radius($tooltip-rounded);
-        &>.nub {
+        > .nub {
           left: 2rem;
         }
       }
 
       &.opened {
-        color: $has-tip-font-color-hover !important;
         border-bottom: $has-tip-border-bottom-hover !important;
+        color: $has-tip-font-color-hover !important;
       }
     }
 
     .tap-to-close {
+      color: $tooltip-close-font-color;
       display: block;
       font-size: $tooltip-close-font-size;
-      color: $tooltip-close-font-color;
       font-weight: $tooltip-close-font-weight;
     }
 
     @media #{$small} {
       .tooltip {
-        &>.nub {
+        > .nub {
           border-color: transparent transparent $tooltip-bg transparent;
           top: -($tooltip-pip-size * 2);
         }
         &.tip-top>.nub {
           border-color: $tooltip-bg transparent transparent transparent;
-          top: auto;
           bottom: -($tooltip-pip-size * 2);
+          top: auto;
         }
 
         &.tip-left,
@@ -122,17 +122,17 @@ $tooltip-max-width: 300px !default;
 
         &.tip-left>.nub {
           border-color: transparent transparent transparent $tooltip-bg;
-          right: -($tooltip-pip-size * 2);
           left: auto;
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: -($tooltip-pip-size * 2);
+          top: 50%;
         }
         &.tip-right>.nub {
           border-color: transparent $tooltip-bg transparent transparent;
-          right: auto;
           left: -($tooltip-pip-size * 2);
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: auto;
+          top: 50%;
         }
 
       }