foundation-rails 5.4.5.0 → 5.5.0.0

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

@@ -4,7 +4,6 @@
 
 @import "global";
 @import "grid";
-@import "type";
 
 //
 // @variables
@@ -22,7 +21,7 @@ $tabs-navigation-font-size: rem-calc(16) !default;
 $tabs-navigation-font-family: $body-font-family !default;
 
 $tabs-content-margin-bottom: rem-calc(24) !default;
-$tabs-content-padding: $column-gutter/2 !default;
+$tabs-content-padding: ($column-gutter/2) !default;
 
 $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
 
@@ -38,6 +37,7 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
         list-style: none;
         float: $default-float;
         > a {
+          outline: none;
           display: block;
           background: {
             color: $tabs-navigation-bg-color;

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

@@ -32,7 +32,7 @@
 			float: none;
 		}
 	}
-	
+
 	.tab {
 		text-align: center;
 		width: 25%;
@@ -45,8 +45,8 @@
 			background: rgba($white, 0.1);
 		}
 	}
-}		
-		
+}
+
 .toolbar .tab-content {
 	font-size: 16px;
 	text-align: center;

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

@@ -17,22 +17,13 @@ $topbar-bg-color: $oil !default;
 $topbar-bg: $topbar-bg-color !default;
 
 // Height and margin
-$topbar-height: 45px !default;
+$topbar-height: rem-calc(45) !default;
 $topbar-margin-bottom: 0 !default;
 
 // Controlling the styles for the title in the top bar
 $topbar-title-weight: $font-weight-normal !default;
 $topbar-title-font-size: rem-calc(17) !default;
 
-// Style the top bar dropdown elements
-$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: $white !default;
-$topbar-dropdown-toggle-alpha: 0.4 !default;
-
 // Set the link colors and styles for top-level nav
 $topbar-link-color: $white !default;
 $topbar-link-color-hover: $white !default;
@@ -42,18 +33,29 @@ $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-hover: $oil !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;
 $topbar-link-text-transform: none !default;
-$topbar-link-padding: $topbar-height / 3 !default;
+$topbar-link-padding: ($topbar-height / 3) !default;
 $topbar-back-link-size: rem-calc(18) !default;
-$topbar-link-dropdown-padding: 20px !default;
+$topbar-link-dropdown-padding: rem-calc(20) !default;
 $topbar-button-font-size: 0.75rem !default;
 $topbar-button-top: 7px !default;
 
+// Style the top bar dropdown elements
+$topbar-dropdown-bg: $oil !default;
+$topbar-dropdown-link-color: $white !default;
+$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;
+$topbar-dropdown-link-bg: $oil !default;
+$topbar-dropdown-link-bg-hover: $oil !default;
+$topbar-dropdown-link-weight: $font-weight-normal !default;
+$topbar-dropdown-toggle-size: 5px !default;
+$topbar-dropdown-toggle-color: $white !default;
+$topbar-dropdown-toggle-alpha: 0.4 !default;
+
 $topbar-dropdown-label-color: $monsoon !default;
 $topbar-dropdown-label-text-transform: uppercase !default;
 $topbar-dropdown-label-font-weight: $font-weight-bold !default;
@@ -75,6 +77,9 @@ $topbar-transition-speed: 300ms !default;
 $topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout
 $topbar-media-query: $medium-up !default;
 
+// Top-bar input styles
+$topbar-input-height: rem-calc(28) !default;
+
 // Divider Styles
 $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;
@@ -82,6 +87,7 @@ $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness:
 // Sticky Class
 $topbar-sticky-class: ".sticky" !default;
 $topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item
+$topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text from dropdown subnavigation li
 
 // Accessibility mixins for hiding and showing the menu dropdown items
 @mixin topbar-hide-dropdown {
@@ -125,10 +131,10 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
       z-index: 99;
 
       &.expanded:not(.top-bar) {
-          overflow-y: auto;
-          height: auto;
-          width: 100%;
-          max-height: 100%;
+        overflow-y: auto;
+        height: auto;
+        width: 100%;
+        max-height: 100%;
 
         .title-area {
           position: fixed;
@@ -162,16 +168,21 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
       form,
       input { margin-bottom: 0; }
 
-      input { height: 1.8rem; padding-top: .35rem; padding-bottom: .35rem; font-size: $topbar-button-font-size; }
+      input { 
+        height: $topbar-input-height; 
+        padding-top: .35rem; 
+        padding-bottom: .35rem; 
+        font-size: $topbar-button-font-size; 
+      }
 
       .button, button {
         padding-top: .35rem + rem-calc(1);
         padding-bottom: .35rem + rem-calc(1);
         margin-bottom: 0;
         font-size: $topbar-button-font-size;
-          // position: relative;
-          // top: -1px;
-        
+        // position: relative;
+        // top: -1px;
+
         // Corrects a slight misalignment when put next to an input field
         @media #{$small-only} {
           position: relative;
@@ -190,7 +201,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
         margin: 0;
         font-size: $rem-base;
 
-        h1 {
+        h1, h2, h3, h4, p, span {
           line-height: $topbar-height;
           font-size: $topbar-title-font-size;
           margin: 0;
@@ -233,7 +244,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+rem-calc(25) 0 $topbar-link-padding;
             color: $topbar-menu-link-color;
             position: relative;
 
@@ -247,9 +258,9 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
               // $thickness - thickness of lines in hamburger icon, set value in px
               // $gap - spacing between the lines in hamburger icon, set value in px
               // $color - icon color
-              // $hover-color - icon color during hover, here it is set the same as $color because the values are changed on line 264
+              // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled
               // $offcanvas - Set to false of @include in topbar
-              @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, $topbar-menu-icon-color, false);
+              @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, "", false);
             }
           }
         }
@@ -264,11 +275,12 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
 
         .toggle-topbar {
           a { color: $topbar-menu-link-color-toggled;
-            &::after {
+      span::after {
               // Shh, don't tell, but box-shadows create the menu icon :)
-              box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled,
-                          0 16px 0 1px $topbar-menu-icon-color-toggled,
-                          0 22px 0 1px $topbar-menu-icon-color-toggled;
+              // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above
+              box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,
+                          0 7px 0 1px $topbar-menu-icon-color-toggled,
+                          0 14px 0 1px $topbar-menu-icon-color-toggled;
             }
           }
         }
@@ -312,7 +324,6 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
           font-weight: $topbar-link-weight;
           text-transform: $topbar-link-text-transform;
 
-
           &.button {
             font-size: $topbar-link-font-size;
             padding-#{$opposite-direction}: $topbar-link-padding;
@@ -322,6 +333,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
           &.button.secondary { @include button-style($bg:$secondary-color); }
           &.button.success { @include button-style($bg:$success-color); }
           &.button.alert { @include button-style($bg:$alert-color); }
+          &.button.warning { @include button-style($bg:$warning-color); }
         }
 
         > button {
@@ -333,6 +345,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
           &.secondary { @include button-style($bg:$secondary-color); }
           &.success { @include button-style($bg:$success-color); }
           &.alert { @include button-style($bg:$alert-color); }
+          &.warning { @include button-style($bg:$warning-color); }
         }
 
         // Apply the hover link color when it has that class
@@ -342,7 +355,6 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
             background: $topbar-link-bg-hover;
           }
           color: $topbar-link-color-hover;
-
         }
 
         // Apply the active link color when it has that class
@@ -350,8 +362,8 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
           background: $topbar-link-bg-active;
           color: $topbar-link-color-active;
           &:hover {
-                background: $topbar-link-bg-active-hover;
-                color: $topbar-link-color-active-hover;
+            background: $topbar-link-bg-active-hover;
+            color: $topbar-link-color-active-hover;
           }
         }
       }
@@ -415,7 +427,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
             font-size: $topbar-back-link-size;
             a {
               color: $topbar-link-color;
-              // line-height: $topbar-height / 2;
+              // line-height: ($topbar-height / 2);
               display: block;
               &:hover { background:none; }
             }
@@ -455,7 +467,8 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
         button {
           font-size: rem-calc(14);
           position: relative;
-          top: $topbar-button-top;
+          height: $topbar-input-height;
+          top: (($topbar-height - $topbar-input-height) / 2);
         }
 
         &.expanded { background: $topbar-bg; }
@@ -520,18 +533,15 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
         }
 
         .has-dropdown {
-
           @if($topbar-arrows){
-
             & > a {
               padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;
               &:after {
                 @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);
                 margin-top: -($topbar-dropdown-toggle-size / 2);
-                top: $topbar-height / 2;
+                top: ($topbar-height / 2);
               }
             }
-
           }
 
           &.moved { position: relative;
@@ -551,17 +561,18 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
 
           .dropdown li.has-dropdown {
             & > a {
-              &:after {
-                border: none;
-                content: "\00bb";
-                top: 1rem;
-                margin-top: -1px;
-                #{$opposite-direction}: 5px;
-                line-height: 1.2;
+              @if ($topbar-dropdown-arrows){
+                &:after {
+                  border: none;
+                  content: "\00bb";
+                  top: 1rem;
+                  margin-top: -1px;
+                  #{$opposite-direction}: 5px;
+                  line-height: 1.2;
+                }
               }
             }
           }
-
         }
 
         .dropdown {
@@ -586,10 +597,10 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
               }
 
               &:hover > a:not(.button) {
-                color: $topbar-link-color-hover;
+                color: $topbar-dropdown-link-color-hover;
                 background-color: $topbar-link-bg-color-hover;
-                @if ($topbar-link-bg-hover) {
-                  background: $topbar-link-bg-hover;
+                @if ($topbar-dropdown-link-bg-hover) {
+                  background: $topbar-dropdown-link-bg-hover;
                 }
               }
             }
@@ -619,12 +630,12 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
 
         .has-form {
           background: $topbar-link-bg;
-          padding: 0 $topbar-height / 3;
+          padding: 0 ($topbar-height / 3);
           height: $topbar-height;
         }
 
         // Position overrides for ul.right and ul.left
-        .right {
+        .#{$opposite-direction} {
           li .dropdown {
             #{$default-float}: auto;
             #{$opposite-direction}: 0;
@@ -632,7 +643,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
             li .dropdown { #{$opposite-direction}: 100%; }
           }
         }
-        .left {
+        .#{$default-float} {
           li .dropdown {
             #{$opposite-direction}: auto;
             #{$default-float}: 0;

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

@@ -257,7 +257,7 @@ $visibility-breakpoint-queries:
       }
       @if $include-table-visibility-classes != false {
         #{$visibility-table-list} {
-          display: table;
+          display: table !important;
         }
         #{$visibility-table-header-group-list} {
           display: table-header-group !important;
@@ -290,7 +290,7 @@ $visibility-breakpoint-queries:
   /* Specific visibility for tables */
   table {
     &.hide-for-landscape,
-    &.show-for-portrait { display: table; }
+    &.show-for-portrait { display: table !important; }
   }
   thead {
     &.hide-for-landscape,
@@ -319,7 +319,7 @@ $visibility-breakpoint-queries:
     /* Specific visibility for tables */
     table {
       &.show-for-landscape,
-      &.hide-for-portrait { display: table; }
+      &.hide-for-portrait { display: table !important; }
     }
     thead {
       &.show-for-landscape,
@@ -349,7 +349,7 @@ $visibility-breakpoint-queries:
     /* Specific visibility for tables */
     table {
       &.show-for-portrait,
-      &.hide-for-landscape { display: table; }
+      &.hide-for-landscape { display: table !important; }
     }
     thead {
       &.show-for-portrait,
@@ -377,8 +377,8 @@ $visibility-breakpoint-queries:
   .touch .hide-for-touch { display: none !important; }
 
   /* Specific visibility for tables */
-  table.hide-for-touch { display: table; }
-  .touch table.show-for-touch { display: table; }
+  table.hide-for-touch { display: table !important; }
+  .touch table.show-for-touch { display: table !important; }
   thead.hide-for-touch { display: table-header-group !important; }
   .touch thead.show-for-touch { display: table-header-group !important; }
   tbody.hide-for-touch { display: table-row-group !important; }
@@ -396,7 +396,7 @@ $visibility-breakpoint-queries:
     .show-for-print { display: block; }
     .hide-for-print { display: none; }
 
-    table.show-for-print { display: table; }
+    table.show-for-print { display: table !important; }
     thead.show-for-print { display: table-header-group !important; }
     tbody.show-for-print { display: table-row-group !important; }
     tr.show-for-print { display: table-row !important; }

data/vendor/assets/stylesheets/normalize.scss

@@ -1,4 +1,4 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 
 /**
  * 1. Set default font family to sans-serif.
@@ -25,7 +25,8 @@ body {
 
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
@@ -38,6 +39,7 @@ footer,
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -85,7 +87,7 @@ template {
  */
 
 a {
-  background: transparent;
+  background-color: transparent;
 }
 
 /**

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 5.4.5.0
+  version: 5.5.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-25 00:00:00.000000000 Z
+date: 2014-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -35,6 +35,9 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: 3.2.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -43,6 +46,9 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: 3.2.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.4'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
@@ -236,18 +242,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: -265992628700706658
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: -265992628700706658
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23