foundation-rails 5.2.2.0 → 5.2.3.0

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

@@ -7,14 +7,14 @@
 //
 // @variables
 //
-$include-html-nav-classes: $include-html-classes !default;
+$include-pagination-classes: $include-html-classes !default;
 
 // We use these to control the pagination container
 $pagination-height: rem-calc(24) !default;
 $pagination-margin: rem-calc(-5) !default;
 
 // We use these to set the list-item properties
-$pagination-li-float: $default-float;
+$pagination-li-float: $default-float !default;
 $pagination-li-height: rem-calc(24) !default;
 $pagination-li-font-color: #222 !default;
 $pagination-li-font-size: rem-calc(14) !default;
@@ -33,7 +33,7 @@ $pagination-link-unavailable-bg-active: transparent !default;
 // We use these for currently selected anchor links
 $pagination-link-current-background: $primary-color !default;
 $pagination-link-current-font-color: #fff !default;
-$pagination-link-current-font-weight: bold !default;
+$pagination-link-current-font-weight: $font-weight-bold !default;
 $pagination-link-current-cursor: default !default;
 $pagination-link-current-active-bg: $primary-color !default;
 
@@ -94,7 +94,7 @@ $pagination-link-current-active-bg: $primary-color !default;
 
   @if $base-style {
     display: block;
-    height: $pagination-height;
+    min-height: $pagination-height;
     margin-#{$default-float}: $pagination-margin;
 
     li {
@@ -133,7 +133,7 @@ $pagination-link-current-active-bg: $primary-color !default;
 }
 
 @include exports("pagination") {
-  @if $include-html-nav-classes {
+  @if $include-pagination-classes {
     ul.pagination {
       @include pagination;
     }

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

@@ -54,9 +54,9 @@ $callout-panel-link-color: $primary-color !default;
 
     @if $adjust {
       // We set the font color based on the darkness of the bg.
-      @if $bg-lightness >= 50% and $bg == blue { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color-alt; } }
-      @else if $bg-lightness >= 50%            { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color; } }
-      @else                                    { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color-alt; } }
+      @if $bg-lightness >= 50% and $bg == blue { h1,h2,h3,h4,h5,h6,p,li { color: $panel-font-color-alt; } }
+      @else if $bg-lightness >= 50%            { h1,h2,h3,h4,h5,h6,p,li { color: $panel-font-color; } }
+      @else                                    { h1,h2,h3,h4,h5,h6,p,li { color: $panel-font-color-alt; } }
 
       // reset header line-heights for panels
       h1,h2,h3,h4,h5,h6 {
@@ -81,11 +81,10 @@ $callout-panel-link-color: $primary-color !default;
       }
 
       &.radius {
-        @include panel($bg:false);
         @include radius;
       }
 
     }
 
   }
-}
+}

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

@@ -20,7 +20,7 @@ $price-title-bg: #333 !default;
 $price-title-padding: rem-calc(15 20) !default;
 $price-title-align: center !default;
 $price-title-color: #eee !default;
-$price-title-weight: normal !default;
+$price-title-weight: $font-weight-normal !default;
 $price-title-size: rem-calc(16) !default;
 $price-title-font-family: $body-font-family !default;
 
@@ -29,7 +29,7 @@ $price-money-bg: #f6f6f6 !default;
 $price-money-padding: rem-calc(15 20) !default;
 $price-money-align: center !default;
 $price-money-color: #333 !default;
-$price-money-weight: normal !default;
+$price-money-weight: $font-weight-normal !default;
 $price-money-size: rem-calc(32) !default;
 $price-money-font-family: $body-font-family !default;
 
@@ -40,7 +40,7 @@ $price-desc-color: #777 !default;
 $price-desc-padding: rem-calc(15) !default;
 $price-desc-align: center !default;
 $price-desc-font-size: rem-calc(12) !default;
-$price-desc-weight: normal !default;
+$price-desc-weight: $font-weight-normal !default;
 $price-desc-line-height: 1.4 !default;
 $price-desc-bottom-border: dotted 1px #ddd !default;
 
@@ -49,7 +49,7 @@ $price-item-color: #333 !default;
 $price-item-padding: rem-calc(15) !default;
 $price-item-align: center !default;
 $price-item-font-size: rem-calc(14) !default;
-$price-item-weight: normal !default;
+$price-item-weight: $font-weight-normal !default;
 $price-item-bottom-border: dotted 1px #ddd !default;
 
 // We use these to control the CTA area styles
@@ -147,4 +147,4 @@ $price-cta-padding: rem-calc(20 20 0) !default;
     }
 
   }
-}
+}

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

@@ -65,8 +65,8 @@ $progress-meter-alert-color: $alert-color !default;
       &.success .meter { @include progress-meter($bg:$progress-meter-success-color); }
       &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); }
 
-      &.radius { @include radius($global-radius);
-        .meter { @include radius($global-radius - 1); }
+      &.radius { @include radius($progress-bar-border-radius);
+        .meter { @include radius($progress-bar-border-radius - 1); }
       }
 
       &.round { @include radius(1000px);

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

@@ -27,7 +27,7 @@ $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;
-$reveal-close-weight: bold !default;
+$reveal-close-weight: $font-weight-bold !default;
 
 // We use this to set the default radius used throughout the core.
 $reveal-radius: $global-radius !default;
@@ -213,4 +213,4 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
       dialog, .#{$reveal-modal-class} {background: #fff !important;}
     }
   }
-}
+}

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

@@ -22,13 +22,20 @@ $side-nav-list-margin: rem-calc(0 0 7 0) !default;
 $side-nav-link-color: $primary-color !default;
 $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;
 $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;
+$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default;
+$side-nav-link-margin: 0 !default;
+$side-nav-link-padding: rem-calc(7 14) !default;
 $side-nav-font-size: rem-calc(14) !default;
-$side-nav-font-weight: normal !default;
+$side-nav-font-weight: $font-weight-normal !default;
 $side-nav-font-weight-active: $side-nav-font-weight !default;
 $side-nav-font-family: $body-font-family !default;
 $side-nav-font-family-active: $side-nav-font-family !default;
 
-
+// We use these to control heading styles.
+$side-nav-heading-color: $side-nav-link-color !default;
+$side-nav-heading-font-size: $side-nav-font-size !default;
+$side-nav-heading-font-weight: bold !default;
+$side-nav-heading-text-transform: uppercase !default;
 
 // We use these to control border styles
 $side-nav-divider-size: 1px !default;
@@ -51,7 +58,8 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
   $divider-color:$side-nav-divider-color,
   $font-size:$side-nav-font-size,
   $link-color:$side-nav-link-color,
-  $link-color-hover:$side-nav-link-color-hover) {
+  $link-color-hover:$side-nav-link-color-hover,
+  $link-bg-hover:$side-nav-link-bg-hover) {
   display: block;
   margin: 0;
   padding: $side-nav-padding;
@@ -66,8 +74,13 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
     a:not(.button) {
       display: block;
       color: $link-color;
+      margin: $side-nav-link-margin;
+      padding: $side-nav-link-padding;
       &:hover,
-      &:focus { color: $link-color-hover; }
+      &:focus {
+        background: $link-bg-hover;
+        color: $link-color-hover;
+      }
     }
 
     &.active > a:first-child:not(.button) {
@@ -83,6 +96,15 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
       list-style: none;
       border-top-color: $divider-color;
     }
+
+    &.heading {
+      color: $side-nav-heading-color;
+      font: {
+        size: $side-nav-heading-font-size;
+        weight: $side-nav-heading-font-weight;
+      }
+      text-transform: $side-nav-heading-text-transform;
+    }
   }
 }
 

data/vendor/assets/stylesheets/foundation/components/_split-buttons.scss

@@ -82,7 +82,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       border-#{$default-float}: solid 1px;
 
       // Building the triangle pip indicator
-      &:before {
+      &:after {
         position: absolute;
         content: "";
         width: 0;
@@ -110,7 +110,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
     padding-#{$opposite-direction}: $split-button-padding-tny;
 
     span { width: $split-button-span-width-tny;
-      &:before {
+      &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-tny;
         top: 48%;
@@ -124,7 +124,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
     padding-#{$opposite-direction}: $split-button-padding-sml;
 
     span { width: $split-button-span-width-sml;
-      &:before {
+      &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-sml;
         top: 48%;
@@ -138,7 +138,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
     padding-#{$opposite-direction}: $split-button-padding-med;
 
     span { width: $split-button-span-width-med;
-      &:before {
+      &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-med;
         top: 48%;
@@ -152,7 +152,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
     padding-#{$opposite-direction}: $split-button-padding-lrg;
 
     span { width: $split-button-span-width-lrg;
-      &:before {
+      &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-lrg;
         top: 48%;
@@ -163,7 +163,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
 
   // Control the color of the triangle pip
   @if $pip-color {
-    span:before { border-color: $pip-color transparent transparent transparent; }
+    span:after { border-color: $pip-color transparent transparent transparent; }
   }
 }
 
@@ -188,4 +188,4 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
     }
 
   }
-}
+}

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

@@ -23,7 +23,7 @@ $sub-nav-list-padding-top: rem-calc(4) !default;
 $sub-nav-font-family: $body-font-family !default;
 $sub-nav-font-size: rem-calc(14) !default;
 $sub-nav-font-color: #999 !default;
-$sub-nav-font-weight: normal !default;
+$sub-nav-font-weight: $font-weight-normal !default;
 $sub-nav-text-decoration: none !default;
 $sub-nav-padding: rem-calc(3 16) !default;
 $sub-nav-border-radius: 3px !default;
@@ -32,7 +32,7 @@ $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !d
 
 // We use these to control the active item styles
 
-$sub-nav-active-font-weight: normal !default;
+$sub-nav-active-font-weight: $font-weight-normal !default;
 $sub-nav-active-bg: $primary-color !default;
 $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;
 $sub-nav-active-color: #fff !default;

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

@@ -82,7 +82,7 @@ $switch-label-outline: 1px dotted #888 !default;
     width: 50%;
     height: 100%;
     margin: 0;
-    font-weight: bold;
+    font-weight: $font-weight-bold;
     text-align: $default-float;
 
     // Transition for the switch label to follow paddle
@@ -291,4 +291,4 @@ $switch-label-outline: 1px dotted #888 !default;
 
       }
   }
-}
+}

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

@@ -1,7 +1,3 @@
-// Foundation by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
 @import "global";
 
 //
@@ -28,9 +24,22 @@ $table-border-color: #ddd !default;
 $table-head-bg: #f5f5f5 !default;
 $table-head-font-size: rem-calc(14) !default;
 $table-head-font-color: #222 !default;
-$table-head-font-weight: bold !default;
+$table-head-font-weight: $font-weight-bold !default;
 $table-head-padding: rem-calc(8 10 10) !default;
 
+// These control the table foot styles
+$table-foot-bg: $table-head-bg !default;
+$table-foot-font-size: $table-head-font-size !default;
+$table-foot-font-color: $table-head-font-color !default;
+$table-foot-font-weight: $table-head-font-weight !default;
+$table-foot-padding: $table-head-padding !default;
+
+// These control the caption
+$table-caption-bg: transparent !default;
+$table-caption-font-color: $table-head-font-color !default;
+$table-caption-font-size: rem-calc(16) !default;
+$table-caption-font-weight: bold !default;
+
 // These control the row padding and font styles
 $table-row-padding: rem-calc(9 10) !default;
 $table-row-font-size: rem-calc(14) !default;
@@ -51,9 +60,17 @@ $table-margin-bottom: rem-calc(20) !default;
   margin-bottom: $table-margin-bottom;
   border: $table-border-style $table-border-size $table-border-color;
 
-  thead,
-  tfoot {
-    background: $table-head-bg;    
+  caption {
+    background: $table-caption-bg;
+    color: $table-caption-font-color;
+    font: {
+      size: $table-caption-font-size;
+      weight: $table-caption-font-weight;
+    }
+  }
+
+  thead {
+    background: $table-head-bg;
 
     tr {
       th,
@@ -62,7 +79,20 @@ $table-margin-bottom: rem-calc(20) !default;
         font-size: $table-head-font-size;
         font-weight: $table-head-font-weight;
         color: $table-head-font-color;
-        text-align: $default-float;
+      }
+    }
+  }
+
+  tfoot {
+    background: $table-foot-bg;
+
+    tr {
+      th,
+      td {
+        padding: $table-foot-padding;
+        font-size: $table-foot-font-size;
+        font-weight: $table-foot-font-weight;
+        color: $table-foot-font-color;
       }
     }
   }
@@ -73,6 +103,7 @@ $table-margin-bottom: rem-calc(20) !default;
       padding: $table-row-padding;
       font-size: $table-row-font-size;
       color: $table-row-font-color;
+      text-align: $default-float;
     }
 
     &.even,
@@ -82,9 +113,10 @@ $table-margin-bottom: rem-calc(20) !default;
 
   thead tr th,
   tfoot tr th,
+  tfoot tr td,
+  tbody tr th,
   tbody tr td,
-  tr td,
-  tfoot tr td { display: $table-display; line-height: $table-line-height; }
+  tr td { display: $table-display; line-height: $table-line-height; }
 }
 
 
@@ -94,4 +126,4 @@ $table-margin-bottom: rem-calc(20) !default;
       @include table;
     }
   }
-}
+}

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

@@ -4,6 +4,7 @@
 
 @import "global";
 @import "grid";
+@import "type";
 
 //
 // @variables
@@ -16,6 +17,7 @@ $tabs-navigation-bg-color: #efefef !default;
 $tabs-navigation-active-bg-color: #fff !default;
 $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default;
 $tabs-navigation-font-color: #222 !default;
+$tabs-navigation-active-font-color: $tabs-navigation-font-color !default;
 $tabs-navigation-font-size: rem-calc(16) !default;
 $tabs-navigation-font-family: $body-font-family !default;
 
@@ -29,9 +31,11 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
     .tabs {
       @include clearfix;
       margin-bottom: 0 !important;
-      dd {
+      margin-left: 0;
+      dd, .tab-title {
         position: relative;
         margin-bottom: 0 !important;
+        list-style: none;
         float: $default-float;
         > a {
           display: block;
@@ -42,18 +46,18 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
           font-size: $tabs-navigation-font-size;
           &:hover { background: $tabs-navigation-hover-bg-color; }
         }
-        &.active a { background: $tabs-navigation-active-bg-color; }
+        &.active a { background: $tabs-navigation-active-bg-color; color:$tabs-navigation-active-font-color; }
       }
       &.radius {
-        dd:first-child {
+        dd:first-child, .tab:first-child {
           a { @include side-radius($default-float, $global-radius); }
         }
-        dd:last-child {
+        dd:last-child, .tab:last-child {
           a { @include side-radius($opposite-direction, $global-radius); }
         }
       }
       &.vertical {
-        dd {
+        dd, .tab {
           position: inherit;
           float: none;
           display: block;

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

@@ -10,7 +10,7 @@
 $include-html-tooltip-classes: $include-html-classes !default;
 
 $has-tip-border-bottom: dotted 1px #ccc !default;
-$has-tip-font-weight: bold !default;
+$has-tip-font-weight: $font-weight-bold !default;
 $has-tip-font-color: #333 !default;
 $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default;
 $has-tip-font-color-hover: $primary-color !default;
@@ -19,11 +19,11 @@ $has-tip-cursor-type: help !default;
 $tooltip-padding: rem-calc(12) !default;
 $tooltip-bg: #333 !default;
 $tooltip-font-size: rem-calc(14) !default;
-$tooltip-font-weight: normal !default;
+$tooltip-font-weight: $font-weight-normal !default;
 $tooltip-font-color: #fff !default;
 $tooltip-line-height: 1.3 !default;
 $tooltip-close-font-size: rem-calc(10) !default;
-$tooltip-close-font-weight: normal !default;
+$tooltip-close-font-weight: $font-weight-normal !default;
 $tooltip-close-font-color: #777 !default;
 $tooltip-font-size-sml: rem-calc(14) !default;
 $tooltip-radius: $global-radius !default;
@@ -137,4 +137,4 @@ $tooltip-pip-size: 5px !default;
     }
 
   }
-}
+}