foundation-rails 5.0.2.0 → 5.0.3.0

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

@@ -40,6 +40,7 @@ $thumb-transition-speed: 200ms !default;
   line-height: 0;
   display: inline-block;
   border: $thumb-border-style $border-width $thumb-border-color;
+  max-width: 100%;
   @if $experimental {
     -webkit-box-shadow: $box-shadow;
   }
@@ -65,7 +66,5 @@ $thumb-transition-speed: 200ms !default;
 
       &.radius { @include radius($thumb-radius); }
     }
-    a.th { display: inline-block; max-width:100%; }
-
   }
 }

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

@@ -8,7 +8,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-color: #333 !default;
-$has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%) !default;
+$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default;
 $has-tip-font-color-hover: $primary-color !default;
 $has-tip-cursor-type: help !default;
 

data/vendor/assets/stylesheets/foundation/components/_top-bar.scss

@@ -14,8 +14,6 @@ $topbar-bg: $topbar-bg-color !default;
 $topbar-height: 45px !default;
 $topbar-margin-bottom: 0 !default;
 
-// Control Input height for top bar
-
 // Controlling the styles for the title in the top bar
 $topbar-title-weight: normal !default;
 $topbar-title-font-size: rem-calc(17) !default;
@@ -24,6 +22,7 @@ $topbar-title-font-size: rem-calc(17) !default;
 $topbar-dropdown-bg: #333 !default;
 $topbar-dropdown-link-color: #fff !default;
 $topbar-dropdown-link-bg: #333 !default;
+$topbar-dropdown-link-weight: normal !default;
 $topbar-dropdown-toggle-size: 5px !default;
 $topbar-dropdown-toggle-color: #fff !default;
 $topbar-dropdown-toggle-alpha: 0.4 !default;
@@ -37,7 +36,7 @@ $topbar-link-font-size: rem-calc(13) !default;
 $topbar-link-hover-lightness: -10% !default; // Darken by 10%
 $topbar-link-bg-hover: #272727 !default;
 $topbar-link-bg-active: $primary-color !default;
-$topbar-link-bg-active-hover: darken($primary-color, 5%) !default;
+$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;
 $topbar-link-font-family: $body-font-family !default;
 
 $topbar-button-font-size: 0.75rem;
@@ -64,22 +63,22 @@ $topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px
 $topbar-media-query: $medium-up !default;
 
 // Divider Styles
-$topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%) !default;
-$topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%) !default;
+$topbar-divider-border-bottom: solid 1px  scale-color($topbar-bg-color, $lightness: 13%) !default;
+$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;
 
 // Sticky Class
 $topbar-sticky-class: ".sticky" !default;
 $topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item
 
-// Used to provide media query values for javascript components.
-// This class is generated despite the value of $include-html-top-bar-classes
-// to ensure width calculations work correctly.
-meta.foundation-mq-topbar {
-  font-family: "/" + unquote($topbar-media-query) + "/";
-  width: $topbar-breakpoint;
-}
-
 @include exports("top-bar") {
+  // Used to provide media query values for javascript components.
+  // This class is generated despite the value of $include-html-top-bar-classes
+  // to ensure width calculations work correctly.
+  meta.foundation-mq-topbar {
+    font-family: "/" + unquote($topbar-media-query) + "/";
+    width: $topbar-breakpoint;
+  }
+
   @if $include-html-top-bar-classes {
 
     /* Wrapped around .top-bar to contain to grid width */
@@ -138,14 +137,14 @@ meta.foundation-mq-topbar {
 
       input { height: auto; padding-top: .35rem; padding-bottom: .35rem; font-size: $topbar-button-font-size; }
 
-      .button { 
-        padding-top: .45rem; 
-        padding-bottom: .35rem; 
-        margin-bottom: 0; 
-        font-size: $topbar-button-font-size; 
+      .button {
+        padding-top: .45rem;
+        padding-bottom: .35rem;
+        margin-bottom: 0;
+        font-size: $topbar-button-font-size;
           // position: relative;
           // top: -1px;
-        
+
       }
 
       // Title Area
@@ -199,18 +198,21 @@ meta.foundation-mq-topbar {
           padding-#{$default-float}: 40px;
 
           a {
-            text-indent: -48px;
-            width: 34px;
+            // text-indent: -48px;
             height: 34px;
             line-height: 33px;
             padding: 0;
+            padding-right: 25px;
             color: $topbar-menu-link-color;
+            position: relative;
 
-            span {
+            &::after {
+              content:"";
               position: absolute;
               #{$opposite-direction}: 0;
               display: block;
               width: 16px;
+              top:0;
               height: 0;
               // Shh, don't tell, but box-shadows create the menu icon :)
               @if $experimental {
@@ -249,7 +251,7 @@ meta.foundation-mq-topbar {
           }
         }
       }
-      
+
 
 
     }
@@ -289,32 +291,32 @@ meta.foundation-mq-topbar {
           font-size: $topbar-link-font-size;
           font-weight: $topbar-link-weight;
           background: $topbar-dropdown-bg;
-          
+
           &.button {
             background: $primary-color;
             font-size: $topbar-link-font-size;
-             padding-right: $topbar-height / 3;
-             padding-left: $topbar-height / 3;
+             padding-#{$opposite-direction}: $topbar-height / 3;
+             padding-#{$default-float}: $topbar-height / 3;
             &:hover {
-              background: darken($primary-color, 10%);
+              background: scale-color($primary-color, $lightness: -27%);
             }
           }
           &.button.secondary {
             background: $secondary-color;
             &:hover {
-              background: darken($secondary-color, 10%);
+              background: scale-color($secondary-color, $lightness: -11%);
             }
           }
           &.button.success {
             background: $success-color;
             &:hover {
-              background: darken($success-color, 10%);
+              background: scale-color($success-color, $lightness: -21%);
             }
           }
           &.button.alert {
             background: $alert-color;
             &:hover {
-              background: darken($alert-color, 10%);
+              background: scale-color($alert-color, $lightness: -18%);
             }
           }
 
@@ -331,8 +333,8 @@ meta.foundation-mq-topbar {
         &.active > a {
           background: $topbar-link-bg-active;
           color: $topbar-link-color-active;
-  		&:hover {
-              background: $topbar-link-bg-active-hover;
+          &:hover {
+                background: $topbar-link-bg-active-hover;
           }
         }
       }
@@ -347,7 +349,7 @@ meta.foundation-mq-topbar {
         & > a {
           &:after {
             @if ($topbar-arrows){
-              @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); 
+              @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);
             }
             margin-#{$opposite-direction}: $topbar-height / 3;
             margin-top: -($topbar-dropdown-toggle-size / 2) - 2;
@@ -377,7 +379,7 @@ meta.foundation-mq-topbar {
           height: auto;
 
           a {
-            font-weight: normal;
+            font-weight: $topbar-dropdown-link-weight;
             padding: 8px $topbar-height / 3;
             &.parent-link {
               font-weight: $topbar-link-weight;
@@ -391,6 +393,8 @@ meta.foundation-mq-topbar {
               display: block;
             }
           }
+          &.has-form { padding: 8px $topbar-height / 3; }
+          .button { top: auto; }
         }
 
         label {
@@ -457,11 +461,13 @@ meta.foundation-mq-topbar {
               color: $topbar-link-color-hover;
             }
           }
-          a:not(.button) {
-            padding: 0 $topbar-height / 3;
-            line-height: $topbar-height;
-            background: $topbar-bg;
-            &:hover { background: $topbar-link-bg-hover; }
+          &:not(.has-form) {
+            a:not(.button) {
+              padding: 0 $topbar-height / 3;
+              line-height: $topbar-height;
+              background: $topbar-bg;
+              &:hover { background: $topbar-link-bg-hover; }
+            }
           }
         }
 
@@ -498,6 +504,7 @@ meta.foundation-mq-topbar {
                 top: 1rem;
                 margin-top: -2px;
                 #{$opposite-direction}: 5px;
+                line-height: 1.2;
               }
             }
           }
@@ -548,8 +555,8 @@ meta.foundation-mq-topbar {
           height: $topbar-height;
         }
 
-        // Position overrides for ul.right
-        ul.right {
+        // Position overrides for ul.right and ul.left
+        .right {
           li .dropdown {
             left: auto;
             right: 0;
@@ -557,12 +564,20 @@ meta.foundation-mq-topbar {
             li .dropdown { right: 100%; }
           }
         }
+        .left {
+          li .dropdown {
+            right: auto;
+            left: 0;
+
+            li .dropdown { left: 100%; }
+          }
+        }
       }
 
       // Degrade gracefully when Javascript is disabled. Displays dropdown and changes
       // background & text color on hover.
       .no-js .top-bar-section {
-  	  ul li {
+        ul li {
           // Apply the hover link color when it has that class
           &:hover > a {
             background: $topbar-link-bg-hover;
@@ -576,15 +591,14 @@ meta.foundation-mq-topbar {
           }
         }
 
-  	  .has-dropdown {
+        .has-dropdown {
           &:hover {
             & > .dropdown {
               display: block;
             }
           }
-  	  }
-  	}
+        }
+      }
     }
-
   }
-}
+}

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

@@ -3,7 +3,7 @@
 $include-html-type-classes: $include-html-classes !default;
 
 // We use these to control header font styles
-$header-font-family: join("Open Sans", $body-font-family) !default;
+$header-font-family: $body-font-family !default;
 $header-font-weight: 300 !default;
 $header-font-style: normal !default;
 $header-font-color: #222 !default;
@@ -22,14 +22,14 @@ $h6-font-size: 1rem !default;
 
 // These control how subheaders are styled.
 $subheader-line-height: 1.4 !default;
-$subheader-font-color: lighten($header-font-color, 30%) !default;
+$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;
 $subheader-font-weight: 300 !default;
 $subheader-top-margin: .2rem !default;
 $subheader-bottom-margin: .5rem !default;
 
 // A general <small> styling
 $small-font-size: 60% !default;
-$small-font-color: lighten($header-font-color, 30%) !default;
+$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;
 
 // We use these to style paragraphs
 $paragraph-font-family: inherit !default;
@@ -43,14 +43,14 @@ $paragraph-aside-font-style: italic !default;
 $paragraph-text-rendering: optimizeLegibility !default;
 
 // We use these to style <code> tags
-$code-color: darken($alert-color, 15%) !default;
+$code-color: scale-color($alert-color, $lightness: -27%) !default;
 $code-font-family: Consolas, 'Liberation Mono', Courier, monospace !default;
 $code-font-weight: bold !default;
 
 // We use these to style anchors
 $anchor-text-decoration: none !default;
 $anchor-font-color: $primary-color !default;
-$anchor-font-color-hover: darken($primary-color, 5%) !default;
+$anchor-font-color-hover: scale-color($primary-color, $lightness: -14%) !default;
 
 // We use these to style the <hr> element
 $hr-border-width: 1px !default;
@@ -69,11 +69,11 @@ $definition-list-header-margin-bottom: .3rem !default;
 $definition-list-margin-bottom: rem-calc(12) !default;
 
 // We use these to style blockquotes
-$blockquote-font-color: lighten($header-font-color, 30%) !default;
+$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;
 $blockquote-padding: rem-calc(9 20 0 19) !default;
 $blockquote-border: 1px solid #ddd !default;
 $blockquote-cite-font-size: rem-calc(13) !default;
-$blockquote-cite-font-color: lighten($header-font-color, 20%) !default;
+$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;
 $blockquote-cite-link-color: $blockquote-cite-font-color !default;
 
 // Acronym styles
@@ -108,12 +108,12 @@ $microformat-abbr-font-decoration: none !default;
 //
 
 // These will throw a deprecation warning if used within a media query.
-%lead {
+@mixin lead {
   font-size: $paragraph-font-size + rem-calc(3.5);
   line-height: 1.6;
 }
 
-%subheader {
+@mixin subheader {
   line-height: $subheader-line-height;
   color: $subheader-font-color;
   font-weight: $subheader-font-weight;
@@ -145,7 +145,6 @@ $microformat-abbr-font-decoration: none !default;
     td {
       margin:0;
       padding:0;
-      direction: $text-direction;
     }
 
     /* Default Link Styles */
@@ -169,7 +168,7 @@ $microformat-abbr-font-decoration: none !default;
       margin-bottom: $paragraph-margin-bottom;
       text-rendering: $paragraph-text-rendering;
 
-      &.lead { @extend %lead; }
+      &.lead { @include lead; }
 
       & aside {
         font-size: $paragraph-aside-font-size;
@@ -203,7 +202,7 @@ $microformat-abbr-font-decoration: none !default;
     h5 { font-size: $h5-font-size; }
     h6 { font-size: $h6-font-size; }
 
-    .subheader { @extend %subheader; }
+    .subheader { @include subheader; }
 
     hr {
       border: $hr-border-style $hr-border-color;
@@ -250,8 +249,8 @@ $microformat-abbr-font-decoration: none !default;
 
     ul {
       margin-#{$default-float}: $list-side-margin;
-      &.no-bullet { 
-        margin-#{$default-float}: $list-side-margin-no-bullet; 
+      &.no-bullet {
+        margin-#{$default-float}: $list-side-margin-no-bullet;
         li {
           ul,
           ol {

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

@@ -1,3 +1,5 @@
+@import "global";
+
 //
 // Foundation Visibility Classes
 //
@@ -273,7 +275,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .show-for-xxlarge-up,
     .show-for-xxlarge-only { display: none !important; }
 
-    /* Specific visilbity for tables */
+    /* Specific visibility for tables */
     table {
       &.hide-for-small,
       &.hide-for-small-only,
@@ -366,6 +368,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .hide-for-medium-only,
     .show-for-medium-up,
     .show-for-large-up,
+    .hide-for-large-only,
     .show-for-xlarge,
     .show-for-xlarge-up,
     .show-for-xlarge-only,
@@ -385,7 +388,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .show-for-xxlarge-up,
     .show-for-xxlarge-only { display: none !important; }
 
-    /* Specific visilbity for tables */
+    /* Specific visibility for tables */
     table {
       &.hide-for-small,
       &.hide-for-small-only,
@@ -394,6 +397,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-large-only,
       &.show-for-xlarge,
       &.show-for-xlarge-up,
       &.show-for-xlarge-only,
@@ -408,6 +412,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-large-only,
       &.show-for-xlarge,
       &.show-for-xlarge-up,
       &.show-for-xlarge-only,
@@ -422,6 +427,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-large-only,
       &.show-for-xlarge,
       &.show-for-xlarge-up,
       &.show-for-xlarge-only,
@@ -436,6 +442,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-large-only,
       &.show-for-xlarge,
       &.show-for-xlarge-up,
       &.show-for-xlarge-only,
@@ -451,6 +458,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-large-only,
       &.show-for-xlarge,
       &.show-for-xlarge-up,
       &.show-for-xlarge-only,
@@ -468,6 +476,8 @@ $include-html-visibility-classes: $include-html-classes !default;
     .hide-for-medium-only,
     .show-for-medium-up,
     .show-for-large-up,
+    .hide-for-large-only,
+    .hide-for-xlarge-only,
     .show-for-xlarge-up,
     .show-for-xxlarge-up,
     .show-for-xxlarge-only { display: inherit !important; }
@@ -484,7 +494,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .hide-for-xxlarge-up,
     .hide-for-xxlarge-only { display: none !important; }
 
-    /* Specific visilbity for tables */
+    /* Specific visibility for tables */
     table {
       &.hide-for-small,
       &.hide-for-small-only,
@@ -493,6 +503,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-xlarge-only,
       &.show-for-xlarge-up,
       &.show-for-xxlarge-up,
       &.show-for-xxlarge-only { display: table; }
@@ -505,6 +516,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-xlarge-only,
       &.show-for-xlarge-up,
       &.show-for-xxlarge-up,
       &.show-for-xxlarge-only { display: table-header-group !important; }
@@ -517,6 +529,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-xlarge-only,
       &.show-for-xlarge-up,
       &.show-for-xxlarge-up,
       &.show-for-xxlarge-only { display: table-row-group !important; }
@@ -529,6 +542,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-xlarge-only,
       &.show-for-xlarge-up,
       &.show-for-xxlarge-up,
       &.show-for-xxlarge-only { display: table-row !important; }
@@ -542,6 +556,7 @@ $include-html-visibility-classes: $include-html-classes !default;
       &.hide-for-medium-only,
       &.show-for-medium-up,
       &.show-for-large-up,
+      &.hide-for-xlarge-only,
       &.show-for-xlarge-up,
       &.show-for-xxlarge-up,
       &.show-for-xxlarge-only { display: table-cell !important; }
@@ -555,7 +570,7 @@ $include-html-visibility-classes: $include-html-classes !default;
   .hide-for-landscape,
   .show-for-portrait { display: none !important; }
 
-  /* Specific visilbity for tables */
+  /* Specific visibility for tables */
   table {
     &.hide-for-landscape,
     &.show-for-portrait { display: table; }
@@ -584,7 +599,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .hide-for-landscape,
     .show-for-portrait { display: none !important; }
 
-    /* Specific visilbity for tables */
+    /* Specific visibility for tables */
     table {
       &.show-for-landscape,
       &.hide-for-portrait { display: table; }
@@ -614,7 +629,7 @@ $include-html-visibility-classes: $include-html-classes !default;
     .hide-for-portrait,
     .show-for-landscape { display: none !important; }
 
-    /* Specific visilbity for tables */
+    /* Specific visibility for tables */
     table {
       &.show-for-portrait,
       &.hide-for-landscape { display: table; }
@@ -644,7 +659,7 @@ $include-html-visibility-classes: $include-html-classes !default;
   .touch .show-for-touch { display: inherit !important; }
   .touch .hide-for-touch { display: none !important; }
 
-  /* Specific visilbity for tables */
+  /* Specific visibility for tables */
   table.hide-for-touch { display: table; }
   .touch table.show-for-touch { display: table; }
   thead.hide-for-touch { display: table-header-group !important; }
@@ -658,4 +673,4 @@ $include-html-visibility-classes: $include-html-classes !default;
   th.hide-for-touch { display: table-cell !important; }
   .touch th.show-for-touch { display: table-cell !important; }
 
-}
+}