foundation-rails 6.1.1.3 → 6.1.2.0

data/vendor/assets/scss/forms/_error.scss

@@ -38,7 +38,7 @@ $input-error-font-weight: $global-weight-bold !default;
 ///
 /// @param {Color} $background [$alert-color] - Color to use for the background and border.
 @mixin form-input-error(
-  $background: $alert-color
+  $background: $input-background-invalid
 ) {
   &:not(:focus) {
     background-color: rgba($background, 0.1);

data/vendor/assets/scss/forms/_fieldset.scss

@@ -45,6 +45,7 @@ $legend-padding: rem-calc(0 3) !default;
 
   legend {
     margin-bottom: $form-spacing * 0.5;
+    max-width: 100%;
   }
 
   .fieldset {

data/vendor/assets/scss/forms/_forms.scss

@@ -10,15 +10,14 @@
 /// @type Number
 $form-spacing: rem-calc(16) !default;
 
-@import
-  'text',
-  'checkbox',
-  'label',
-  'help-text',
-  'input-group',
-  'fieldset',
-  'select',
-  'error';
+@import 'text';
+@import 'checkbox';
+@import 'label';
+@import 'help-text';
+@import 'input-group';
+@import 'fieldset';
+@import 'select';
+@import 'error';
 
 @mixin foundation-forms {
   @include foundation-form-text;

data/vendor/assets/scss/forms/_input-group.scss

@@ -56,6 +56,7 @@ $input-prefix-padding: 1rem !default;
     background: $input-prefix-background;
     color: $input-prefix-color;
     border: $input-prefix-border;
+    white-space: nowrap;
 
     @if has-value($input-prefix-border) {
       &:first-child {

data/vendor/assets/scss/forms/_select.scss

@@ -37,9 +37,11 @@ $select-radius: $global-radius !default;
   @if $select-triangle-color != transparent {
     @include background-triangle($select-triangle-color);
     background-size: 9px 6px;
-    background-position: $global-right ($form-spacing / 2) center;
+    background-position: $global-right center;
+    background-origin: content-box;
     background-repeat: no-repeat;
   }
+
   // Disabled state
   &:disabled {
     background-color: $input-background-disabled;

data/vendor/assets/scss/forms/_text.scss

@@ -128,7 +128,7 @@ $input-radius: $global-radius !default;
   // Reset styles on button-like inputs
   [type='submit'],
   [type='button'] {
-    border-radius: $global-radius;
+    border-radius: $button-radius;
     -webkit-appearance: none;
     -moz-appearance: none;
   }

data/vendor/assets/scss/foundation.scss

@@ -1,6 +1,6 @@
 /**
  * Foundation for Sites by ZURB
- * Version 6.1.1
+ * Version 6.1.2
  * foundation.zurb.com
  * Licensed under MIT Open Source
  */

data/vendor/assets/scss/grid/_classes.scss

@@ -53,6 +53,11 @@
     // Expanded (full-width) row
     &.#{$expanded} {
       max-width: none;
+
+      .#{$row} {
+        margin-left: auto;
+        margin-right: auto;
+      }
     }
   }
 
@@ -110,18 +115,23 @@
     // Block grid
     @for $i from 1 through $block-grid-max {
       .#{$-zf-size}-up-#{$i} {
-        @include grid-layout($i);
+        @include grid-layout($i, ".#{$column}");
       }
     }
 
     // Responsive collapsing
     .#{$-zf-size}-#{$collapse} {
       > .#{$column} { @include grid-col-collapse; }
+
+      .#{$row} {
+        margin-left: 0;
+        margin-right: 0;
+      }
     }
 
     .#{$-zf-size}-#{$uncollapse} {
       $gutter: null;
-      
+
       @if $grid-column-gutter {
         $gutter: $grid-column-gutter;
       }

data/vendor/assets/scss/grid/_column.scss

@@ -63,7 +63,7 @@
   @else {
     @each $breakpoint, $gutter in $grid-column-responsive-gutter {
       $padding: rem-calc($gutter) / 2;
-      
+
       @include breakpoint($breakpoint) {
         padding-left: $padding;
         padding-right: $padding;

data/vendor/assets/scss/grid/_flex-grid.scss

@@ -71,6 +71,7 @@ $-zf-flex-align: (
 ///
 /// @param {Mixed} $columns [null] - Width of the column.
 @function flex-grid-column($columns: null) {
+  // scss-lint:disable ZeroUnit
   $flex: 1 1 0px;
 
   @if $columns == shrink {
@@ -97,7 +98,7 @@ $-zf-flex-align: (
   @else {
     @each $breakpoint, $gutter in $grid-column-responsive-gutter {
       $padding: rem-calc($gutter) / 2;
-      
+
       @include breakpoint($breakpoint) {
         padding-left: $padding;
         padding-right: $padding;
@@ -170,8 +171,7 @@ $-zf-flex-align: (
     @include flex-grid-row;
 
     // Nesting behavior
-    & &,
-    .column-row & {
+    & & {
       @include flex-grid-row(nest, $base: false);
     }
 
@@ -190,6 +190,20 @@ $-zf-flex-align: (
     @include flex-grid-column;
   }
 
+  // Column row
+  // The double .row class is needed to bump up the specificity
+  .column.row.row {
+    float: none;
+
+    // To properly nest a column row, padding and margin is removed
+    .row & {
+      padding-left: 0;
+      padding-right: 0;
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+
   @include -zf-each-breakpoint {
     @for $i from 1 through $grid-column-count {
       // Sizing (percentage)
@@ -241,6 +255,8 @@ $-zf-flex-align: (
     }
 
     .#{$-zf-size}-uncollapse {
+      $gutter: null;
+
       @if $grid-column-gutter {
         $gutter: $grid-column-gutter;
       }
@@ -254,6 +270,7 @@ $-zf-flex-align: (
   // Sizing (shrink)
   .shrink {
     flex: flex-grid-column(shrink);
+    max-width: 100%;
   }
 
   // Horizontal alignment using justify-content

data/vendor/assets/scss/grid/_gutter.scss

@@ -6,7 +6,7 @@
 /// @group grid
 ////
 
-/// Collapse the gutters on a column by removing the padding.
+/// Collapse the gutters on a column by removing the padding. **Note:** only use this mixin within a breakpoint. To collapse a column's gutters on all screen sizes, use the `$gutter` parameter of the `grid-column()` mixin instead.
 @mixin grid-column-collapse {
   padding-left: 0;
   padding-right: 0;

data/vendor/assets/scss/grid/_position.scss

@@ -31,6 +31,7 @@
   position: static;
   margin-left: 0;
   margin-right: 0;
+  float: left;
 }
 
 /// Offsets a column to the right by `$n` columns.

data/vendor/assets/scss/grid/_row.scss

@@ -88,6 +88,7 @@
   @else {
     @each $breakpoint, $value in $grid-column-responsive-gutter {
       $margin: rem-calc($value) / 2 * -1;
+
       @include breakpoint($breakpoint) {
         margin-left: $margin;
         margin-right: $margin;

data/vendor/assets/scss/settings/_settings.scss

@@ -287,7 +287,7 @@ $drilldown-background: $white;
 
 $dropdown-padding: 1rem;
 $dropdown-border: 1px solid $medium-gray;
-$dropdown-font-size: 16rem;
+$dropdown-font-size: 1rem;
 $dropdown-width: 300px;
 $dropdown-radius: $global-radius;
 $dropdown-sizes: (
@@ -528,6 +528,8 @@ $titlebar-icon-spacing: 0.25rem;
 // 34. Tooltip
 // -----------
 
+$has-tip-font-weight: $global-weight-bold;
+$has-tip-border-bottom: dotted 1px $dark-gray;
 $tooltip-background-color: $black;
 $tooltip-color: $white;
 $tooltip-padding: 0.75rem;
@@ -542,6 +544,6 @@ $tooltip-radius: $global-radius;
 
 $topbar-padding: 0.5rem;
 $topbar-background: $light-gray;
-$topbar-link-color: $primary-color;
+$topbar-title-spacing: 1rem;
 $topbar-input-width: 200px;
 

data/vendor/assets/scss/util/_breakpoint.scss

@@ -53,6 +53,7 @@ $breakpoint-classes: (small medium large) !default;
 
         @if $next-bp == null {
           $bp-max: null;
+          @warn 'breakpoint(): the media query "#{$val}" cannot be used because #{$bp} is the largest breakpoint.';
         }
         @else {
           $bp-max: $next-bp;
@@ -118,7 +119,7 @@ $breakpoint-classes: (small medium large) !default;
 
 /// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:
 ///  - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.
-///  - If a pixel value is passed, it will be converted to an em value using `$rem-base`.
+///  - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.
 ///  - If a rem value is passed, the unit will be changed to em.
 ///  - If an em value is passed, the value will be used as-is.
 ///
@@ -242,25 +243,24 @@ $xxlarge-only: null;
 
 @if map-has-key($breakpoints, small) {
   $small-up: screen;
-  $small-only: screen and #{breakpoint(small only)};
+  $small-only: unquote('screen and #{breakpoint(small only)}');
 }
 
 @if map-has-key($breakpoints, medium) {
-  $medium-up: screen and #{breakpoint(medium)};
-  $medium-only: screen and #{breakpoint(medium only)};
+  $medium-up: unquote('screen and #{breakpoint(medium)}');
+  $medium-only: unquote('screen and #{breakpoint(medium only)}');
 }
 
 @if map-has-key($breakpoints, large) {
-  $large-up: screen and #{breakpoint(large)};
-  $large-only: screen and #{breakpoint(large only)};
+  $large-up: unquote('screen and #{breakpoint(large)}');
+  $large-only: unquote('screen and #{breakpoint(large only)}');
 }
 
 @if map-has-key($breakpoints, xlarge) {
-  $xlarge-up: screen and #{breakpoint(xlarge)};
-  $xlarge-only: screen and #{breakpoint(xlarge only)};
+  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
+  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
 }
 
 @if map-has-key($breakpoints, xxlarge) {
-  $xxlarge-up: screen and #{breakpoint(xxlarge)};
-  $xxlarge-only: screen and #{breakpoint(xxlarge only)};
+  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
 }

data/vendor/assets/scss/util/_mixins.scss

@@ -25,18 +25,22 @@
   @if ($triangle-direction == down) {
     border-color: $triangle-color transparent transparent;
     border-top-style: solid;
+    border-bottom-width: 0;
   }
   @if ($triangle-direction == up) {
     border-color: transparent transparent $triangle-color;
     border-bottom-style: solid;
+    border-top-width: 0;
   }
   @if ($triangle-direction == right) {
     border-color: transparent transparent transparent $triangle-color;
     border-left-style: solid;
+    border-right-width: 0;
   }
   @if ($triangle-direction == left) {
     border-color: transparent $triangle-color transparent transparent;
     border-right-style: solid;
+    border-left-width: 0;
   }
 }
 
@@ -49,8 +53,8 @@
 /// @param {Number} $weight - Height of individual bars in the icon.
 /// @param {Number} $bars - Number of bars in the icon.
 @mixin hamburger(
-  $color: #000,
-  $color-hover: #666,
+  $color: $black,
+  $color-hover: $dark-gray,
   $width: 20px,
   $height: 16px,
   $weight: 2px,

data/vendor/assets/scss/util/_unit.scss

@@ -75,7 +75,7 @@ $global-font-size: 100% !default;
     @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
     @return $value;
   }
-  
+
   // Calculate rem if units for $value is not rem
   @if unit($value) != 'rem' {
     $value: strip-unit($value) / strip-unit($base) * 1rem;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 6.1.1.3
+  version: 6.1.2.0
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-01-19 00:00:00.000000000 Z
+date: 2016-01-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass