foundation-rails 5.3.3.0 → 5.4.0.0

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

@@ -16,18 +16,18 @@
 $include-html-table-classes: $include-html-classes !default;
 
 // These control the background color for the table and even rows
-$table-bg: #fff !default;
-$table-even-row-bg: #f9f9f9 !default;
+$table-bg: $white !default;
+$table-even-row-bg: $snow !default;
 
 // These control the table cell border style
 $table-border-style: solid !default;
 $table-border-size: 1px !default;
-$table-border-color: #ddd !default;
+$table-border-color: $gainsboro !default;
 
 // These control the table head styles
-$table-head-bg: #f5f5f5 !default;
+$table-head-bg: $white-smoke !default;
 $table-head-font-size: rem-calc(14) !default;
-$table-head-font-color: #222 !default;
+$table-head-font-color: $jet !default;
 $table-head-font-weight: $font-weight-bold !default;
 $table-head-padding: rem-calc(8 10 10) !default;
 
@@ -47,7 +47,7 @@ $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;
-$table-row-font-color: #222 !default;
+$table-row-font-color: $jet !default;
 $table-line-height: rem-calc(18) !default;
 
 // These are for controlling the display and margin of tables
@@ -63,6 +63,8 @@ $table-margin-bottom: rem-calc(20) !default;
   background: $table-bg;
   margin-bottom: $table-margin-bottom;
   border: $table-border-style $table-border-size $table-border-color;
+  table-layout:fixed;
+  width:100%;
 
   caption {
     background: $table-caption-bg;

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

@@ -13,10 +13,10 @@
 $include-html-tabs-classes: $include-html-classes !default;
 
 $tabs-navigation-padding: rem-calc(16) !default;
-$tabs-navigation-bg-color: #efefef !default;
-$tabs-navigation-active-bg-color: #fff !default;
+$tabs-navigation-bg-color: $silver !default;
+$tabs-navigation-active-bg-color: $white !default;
 $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default;
-$tabs-navigation-font-color: #222 !default;
+$tabs-navigation-font-color: $jet !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;
@@ -39,14 +39,25 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
         float: $default-float;
         > a {
           display: block;
-          background: $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;
-          &:hover { background: $tabs-navigation-hover-bg-color; }
+          &:hover {
+            background: {
+              color: $tabs-navigation-hover-bg-color;
+            }
+          }
         }
-        &.active a { background: $tabs-navigation-active-bg-color; color:$tabs-navigation-active-font-color; }
+        &.active a {
+          background: {
+            color: $tabs-navigation-active-bg-color;
+          }
+          color:$tabs-navigation-active-font-color;
+          }
       }
       &.radius {
         dd:first-child, .tab:first-child {

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

@@ -18,8 +18,8 @@ $include-html-media-classes: $include-html-classes !default;
 // We use these to control border styles
 $thumb-border-style: solid !default;
 $thumb-border-width: 4px !default;
-$thumb-border-color: #fff !default;
-$thumb-box-shadow: 0 0 0 1px rgba(#000,.2) !default;
+$thumb-border-color: $white !default;
+$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;
 $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;
 
 // Radius and transition speed for thumbs

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

@@ -4,7 +4,7 @@
 // toolbar styles
 
 .toolbar {
-	background: #333;
+	background: $oil;
 	width: 100%;
 	font-size: 0;
 	display: inline-block;
@@ -42,7 +42,7 @@
 		float: left;
 
 		&:hover {
-			background: rgba(#fff, 0.1);
+			background: rgba($white, 0.1);
 		}
 	}
 }		
@@ -51,13 +51,13 @@
 	font-size: 16px;
 	text-align: center;
 
-	label { color: #ccc; }
+	label { color: $iron; }
 
 	i {
 		font-size: 30px;
 		display: block;
 		margin: 0 auto;
-		color: #ccc;
+		color: $iron;
 		vertical-align: middle;
 	}
 

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

@@ -9,22 +9,22 @@
 //
 $include-html-tooltip-classes: $include-html-classes !default;
 
-$has-tip-border-bottom: dotted 1px #ccc !default;
+$has-tip-border-bottom: dotted 1px $iron !default;
 $has-tip-font-weight: $font-weight-bold !default;
-$has-tip-font-color: #333 !default;
+$has-tip-font-color: $oil !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;
 
 $tooltip-padding: rem-calc(12) !default;
-$tooltip-bg: #333 !default;
+$tooltip-bg: $oil !default;
 $tooltip-font-size: rem-calc(14) !default;
 $tooltip-font-weight: $font-weight-normal !default;
-$tooltip-font-color: #fff !default;
+$tooltip-font-color: $white !default;
 $tooltip-line-height: 1.3 !default;
 $tooltip-close-font-size: rem-calc(10) !default;
 $tooltip-close-font-weight: $font-weight-normal !default;
-$tooltip-close-font-color: #777 !default;
+$tooltip-close-font-color: $monsoon !default;
 $tooltip-font-size-sml: rem-calc(14) !default;
 $tooltip-radius: $global-radius !default;
 $tooltip-rounded: $global-rounded !default;
@@ -74,6 +74,7 @@ $tooltip-max-width: 300px !default;
         border: solid $tooltip-pip-size;
         border-color: transparent transparent $tooltip-bg transparent;
         top: -($tooltip-pip-size * 2);
+        pointer-events: none;
 
         &.rtl {
           left: auto;

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

@@ -12,7 +12,7 @@
 $include-html-top-bar-classes: $include-html-classes !default;
 
 // Background color for the top bar
-$topbar-bg-color: #333 !default;
+$topbar-bg-color: $oil !default;
 $topbar-bg: $topbar-bg-color !default;
 
 // Height and margin
@@ -24,25 +24,25 @@ $topbar-title-weight: $font-weight-normal !default;
 $topbar-title-font-size: rem-calc(17) !default;
 
 // Style the top bar dropdown elements
-$topbar-dropdown-bg: #333 !default;
-$topbar-dropdown-link-color: #fff !default;
-$topbar-dropdown-link-bg: #333 !default;
+$topbar-dropdown-bg: $oil !default;
+$topbar-dropdown-link-color: $white !default;
+$topbar-dropdown-link-bg: $oil !default;
 $topbar-dropdown-link-weight: $font-weight-normal !default;
 $topbar-dropdown-toggle-size: 5px !default;
-$topbar-dropdown-toggle-color: #fff !default;
+$topbar-dropdown-toggle-color: $white !default;
 $topbar-dropdown-toggle-alpha: 0.4 !default;
 
 // Set the link colors and styles for top-level nav
-$topbar-link-color: #fff !default;
-$topbar-link-color-hover: #fff !default;
-$topbar-link-color-active: #fff !default;
-$topbar-link-color-active-hover: #fff !default;
+$topbar-link-color: $white !default;
+$topbar-link-color-hover: $white !default;
+$topbar-link-color-active: $white !default;
+$topbar-link-color-active-hover: $white !default;
 $topbar-link-weight: $font-weight-normal !default;
 $topbar-link-font-size: rem-calc(13) !default;
 $topbar-link-hover-lightness: -10% !default; // Darken by 10%
 $topbar-link-bg: $topbar-bg !default;
 $topbar-link-bg-hover: #272727 !default;
-$topbar-link-bg-color-hover: #555555 !default;
+$topbar-link-bg-color-hover: $charcoal !default;
 $topbar-link-bg-active: $primary-color !default;
 $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;
 $topbar-link-font-family: $body-font-family !default;
@@ -52,20 +52,20 @@ $topbar-link-padding: $topbar-height / 3 !default;
 $topbar-button-font-size: 0.75rem !default;
 $topbar-button-top: 7px !default;
 
-$topbar-dropdown-label-color: #777 !default;
+$topbar-dropdown-label-color: $monsoon !default;
 $topbar-dropdown-label-text-transform: uppercase !default;
 $topbar-dropdown-label-font-weight: $font-weight-bold !default;
 $topbar-dropdown-label-font-size: rem-calc(10) !default;
-$topbar-dropdown-label-bg: #333 !default;
+$topbar-dropdown-label-bg: $oil !default;
 
 // Top menu icon styles
 $topbar-menu-link-transform: uppercase !default;
 $topbar-menu-link-font-size: rem-calc(13) !default;
 $topbar-menu-link-weight: $font-weight-bold !default;
-$topbar-menu-link-color: #fff !default;
-$topbar-menu-icon-color: #fff !default;
-$topbar-menu-link-color-toggled: #888 !default;
-$topbar-menu-icon-color-toggled: #888 !default;
+$topbar-menu-link-color: $white !default;
+$topbar-menu-icon-color: $white !default;
+$topbar-menu-link-color-toggled: $jumbo !default;
+$topbar-menu-icon-color-toggled: $jumbo !default;
 
 // Transitions and breakpoint styles
 $topbar-transition-speed: 300ms !default;
@@ -226,7 +226,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
             }
             height: 34px;
             line-height: 33px;
-            padding: 0 $topbar-link-padding+25 0 $topbar-link-padding;
+            padding: 0 $topbar-link-padding+25px 0 $topbar-link-padding;
             color: $topbar-menu-link-color;
             position: relative;
 
@@ -567,15 +567,18 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
               background: $topbar-dropdown-link-bg;
             }
 
-            &:not(.has-form) a:not(.button) {
-              color: $topbar-dropdown-link-color;
-              background: $topbar-dropdown-link-bg;
-            }
-            &:not(.has-form):hover > a:not(.button) {
-              color: $topbar-link-color-hover;
-              background-color: $topbar-link-bg-color-hover;
-              @if ($topbar-link-bg-hover) {
-                background: $topbar-link-bg-hover;
+            &:not(.has-form):not(.active) {
+              & > a:not(.button) {
+                color: $topbar-dropdown-link-color;
+                background: $topbar-dropdown-link-bg;
+              }
+
+              &:hover > a:not(.button) {
+                color: $topbar-link-color-hover;
+                background-color: $topbar-link-bg-color-hover;
+                @if ($topbar-link-bg-hover) {
+                  background: $topbar-link-bg-hover;
+                }
               }
             }
 

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

@@ -10,7 +10,7 @@ $include-html-type-classes: $include-html-classes !default;
 $header-font-family: $body-font-family !default;
 $header-font-weight: $font-weight-normal !default;
 $header-font-style: $font-weight-normal !default;
-$header-font-color: #222 !default;
+$header-font-color: $jet !default;
 $header-line-height: 1.4 !default;
 $header-top-margin: .2rem !default;
 $header-bottom-margin: .5rem !default;
@@ -55,7 +55,7 @@ $paragraph-aside-font-style: italic !default;
 $paragraph-text-rendering: optimizeLegibility !default;
 
 // We use these to style <code> tags
-$code-color: #333 !default;
+$code-color: $oil !default;
 $code-font-family: Consolas, 'Liberation Mono', Courier, monospace !default;
 $code-font-weight: $font-weight-normal !default;
 $code-background-color: scale-color($secondary-color, $lightness: 70%) !default;
@@ -73,7 +73,7 @@ $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !def
 // We use these to style the <hr> element
 $hr-border-width: 1px !default;
 $hr-border-style: solid !default;
-$hr-border-color: #ddd !default;
+$hr-border-color: $gainsboro !default;
 $hr-margin: rem-calc(20) !default;
 
 // We use these to style lists
@@ -93,13 +93,13 @@ $definition-list-margin-bottom: rem-calc(12) !default;
 // We use these to style blockquotes
 $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-border: 1px solid $gainsboro !default;
 $blockquote-cite-font-size: rem-calc(13) !default;
 $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;
 $blockquote-cite-link-color: $blockquote-cite-font-color !default;
 
 // Acronym styles
-$acronym-underline: 1px dotted #ddd !default;
+$acronym-underline: 1px dotted $gainsboro !default;
 
 // We use these to control padding and margin
 $microformat-padding: rem-calc(10 12) !default;
@@ -108,7 +108,7 @@ $microformat-margin: rem-calc(0 0 20 0) !default;
 // We use these to control the border styles
 $microformat-border-width: 1px !default;
 $microformat-border-style: solid !default;
-$microformat-border-color: #ddd !default;
+$microformat-border-color: $gainsboro !default;
 
 // We use these to control full name font styles
 $microformat-fullname-font-weight: $font-weight-bold !default;
@@ -471,7 +471,7 @@ $align-class-breakpoints:
       @media print {
         * {
           background: transparent !important;
-          color: #000 !important; /* Black prints faster: h5bp.com/s */
+          color: $black !important; /* Black prints faster: h5bp.com/s */
           box-shadow: none !important;
           text-shadow: none !important;
         }
@@ -489,7 +489,7 @@ $align-class-breakpoints:
 
         pre,
         blockquote {
-          border: 1px solid #999;
+          border: 1px solid $aluminum;
           page-break-inside: avoid;
         }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 5.3.3.0
+  version: 5.4.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-04 00:00:00.000000000 Z
+date: 2014-08-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -238,7 +238,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 3790373519608939050
+      hash: 3799240780023571089
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -247,7 +247,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 3790373519608939050
+      hash: 3799240780023571089
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23