locomotivecms_wagon 2.4.0.rc2 → 2.4.0

data/generators/foundation/public/stylesheets/foundation6/forms/_text.scss

@@ -8,7 +8,11 @@
 
 /// Font color of text inputs.
 /// @type Color
-$input-color: $dark-gray !default;
+$input-color: $black !default;
+
+/// Font color of placeholder text within text inputs.
+/// @type Color
+$input-placeholder-color: $medium-gray !default;
 
 /// Font family of text inputs.
 /// @type Font
@@ -18,6 +22,14 @@ $input-font-family: inherit !default;
 /// @type Number
 $input-font-size: rem-calc(16) !default;
 
+/// Font weight of text inputs.
+/// @type Keyword
+$input-font-weight: $global-weight-normal !default;
+
+/// Line height of text inputs.
+/// @type Keyword
+$input-line-height: $global-lineheight !default;
+
 /// Background color of text inputs.
 /// @type Color
 $input-background: $white !default;
@@ -38,6 +50,10 @@ $input-border: 1px solid $medium-gray !default;
 /// @type Color
 $input-border-focus: 1px solid $dark-gray !default;
 
+/// Padding of text inputs.
+/// @type Color
+$input-padding: $form-spacing / 2 !default;
+
 /// Box shadow inside text inputs when not focused.
 /// @type Shadow
 $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;
@@ -48,13 +64,13 @@ $input-shadow-focus: 0 0 5px $medium-gray !default;
 
 /// Cursor to use when hovering over a disabled text input.
 /// @type Cursor
-$input-cursor-disabled: default !default;
+$input-cursor-disabled: not-allowed !default;
 
 /// Properties to transition on text inputs.
 /// @type Transition
 $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default;
 
-/// Enables the up/down buttons that Chrome and Firefox add to `<input type="number">` elements.
+/// Enables the up/down buttons that Chrome and Firefox add to `<input type='number'>` elements.
 /// @type Boolean
 $input-number-spinners: true !default;
 
@@ -62,36 +78,43 @@ $input-number-spinners: true !default;
 /// @type Border
 $input-radius: $global-radius !default;
 
+/// Border radius for form buttons, defaulted to global-radius.
+/// @type Number
+$form-button-radius: $global-radius !default;
+
 @mixin form-element {
-  $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
 
   display: block;
   box-sizing: border-box;
   width: 100%;
   height: $height;
-  padding: $form-spacing / 2;
-  border: $input-border;
   margin: 0 0 $form-spacing;
+  padding: $input-padding;
+
+  border: $input-border;
+  border-radius: $input-radius;
+  background-color: $input-background;
+  box-shadow: $input-shadow;
 
   font-family: $input-font-family;
   font-size: $input-font-size;
+  font-weight: $input-font-weight;
+  line-height: $input-line-height;
   color: $input-color;
-  background-color: $input-background;
-  box-shadow: $input-shadow;
-  border-radius: $input-radius;
 
-  @if hasvalue($input-transition) {
+  @if has-value($input-transition) {
     transition: $input-transition;
   }
 
   // Focus state
   &:focus {
-    border: $input-border-focus;
-    background: $input-background-focus;
     outline: none;
+    border: $input-border-focus;
+    background-color: $input-background-focus;
     box-shadow: $input-shadow-focus;
 
-    @if hasvalue($input-transition) {
+    @if has-value($input-transition) {
       transition: $input-transition;
     }
   }
@@ -102,8 +125,7 @@ $input-radius: $global-radius !default;
   #{text-inputs()},
   textarea {
     @include form-element;
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
   }
 
   // Text areas
@@ -115,9 +137,14 @@ $input-radius: $global-radius !default;
     }
   }
 
-  // Disabled/readonly state
   input,
   textarea {
+    // Placeholder text
+    &::placeholder {
+      color: $input-placeholder-color;
+    }
+
+    // Disabled/readonly state
     &:disabled,
     &[readonly] {
       background-color: $input-background-disabled;
@@ -126,26 +153,25 @@ $input-radius: $global-radius !default;
   }
 
   // Reset styles on button-like inputs
-  [type="submit"],
-  [type="button"] {
-    border-radius: $global-radius;
-    -webkit-appearance: none;
-    -moz-appearance: none;
+  [type='submit'],
+  [type='button'] {
+    appearance: none;
+    border-radius: $form-button-radius;
   }
 
   // Reset Normalize setting content-box to search elements
-  input[type="search"] {
+  input[type='search'] { // sass-lint:disable-line no-qualifying-elements
     box-sizing: border-box;
   }
 
   // Number input styles
   [type='number'] {
-    @if not($input-number-spinners) {
-      -moz-appearance: textfield;
+    @if not $input-number-spinners {
+      -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
 
-      [type='number']::-webkit-inner-spin-button,
-      [type='number']::-webkit-outer-spin-button {
-        -webkit-appearance: none;
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
+        -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
         margin: 0;
       }
     }

data/generators/foundation/public/stylesheets/foundation6/foundation.scss

@@ -1,9 +1,24 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
+/**
+ * Foundation for Sites by ZURB
+ * Version 6.4.3
+ * foundation.zurb.com
+ * Licensed under MIT Open Source
+ */
 
-// Third-party libraries
-@import 'vendor/normalize';
+// Dependencies
+@import 'vendor/normalize-scss/sass/normalize';
+@import 'vendor/sassy-lists/stylesheets/helpers/missing-dependencies';
+@import 'vendor/sassy-lists/stylesheets/helpers/true';
+@import 'vendor/sassy-lists/stylesheets/functions/contain';
+@import 'vendor/sassy-lists/stylesheets/functions/purge';
+@import 'vendor/sassy-lists/stylesheets/functions/remove';
+@import 'vendor/sassy-lists/stylesheets/functions/replace';
+@import 'vendor/sassy-lists/stylesheets/functions/to-list';
+
+// Settings
+// import your own `settings` here or
+// import and modify the default settings through
+// @import 'settings/settings';
 
 // Sass utilities
 @import 'util/util';
@@ -13,6 +28,7 @@
 
 // Components
 @import 'grid/grid';
+@import 'xy-grid/xy-grid';
 @import 'typography/typography';
 @import 'forms/forms';
 @import 'components/visibility';
@@ -24,14 +40,17 @@
 @import 'components/badge';
 @import 'components/breadcrumbs';
 @import 'components/callout';
+@import 'components/card';
 @import 'components/close-button';
 @import 'components/drilldown';
 @import 'components/dropdown-menu';
 @import 'components/dropdown';
-@import 'components/flex-video';
+@import 'components/flex';
+@import 'components/responsive-embed';
 @import 'components/label';
 @import 'components/media-object';
 @import 'components/menu';
+@import 'components/menu-icon';
 @import 'components/off-canvas';
 @import 'components/orbit';
 @import 'components/pagination';
@@ -46,34 +65,47 @@
 @import 'components/top-bar';
 @import 'components/thumbnail';
 @import 'components/tooltip';
+@import 'prototype/prototype';
 
-// These styles are applied to <meta> tags, which are read by the Foundation JavaScript
-.foundation-mq {
-  font-family: "#{-zf-bp-serialize($breakpoints)}";
-}
+@mixin foundation-everything(
+  $flex: true,
+  $prototype: false
+) {
+  @if $flex {
+    $global-flexbox: true !global;
+  }
 
-@mixin foundation-everything {
   @include foundation-global-styles;
-  @include foundation-grid;
+  @if not $flex {
+    @include foundation-grid;
+  }
+  @else {
+    @if $xy-grid {
+      @include foundation-xy-grid-classes;
+    }
+    @else {
+      @include foundation-flex-grid;
+    }
+  }
   @include foundation-typography;
-  @include foundation-button;
   @include foundation-forms;
-  @include foundation-visibility-classes;
-  @include foundation-float-classes;
+  @include foundation-button;
   @include foundation-accordion;
   @include foundation-accordion-menu;
   @include foundation-badge;
   @include foundation-breadcrumbs;
   @include foundation-button-group;
   @include foundation-callout;
+  @include foundation-card;
   @include foundation-close-button;
+  @include foundation-menu;
+  @include foundation-menu-icon;
   @include foundation-drilldown-menu;
   @include foundation-dropdown;
   @include foundation-dropdown-menu;
-  @include foundation-flex-video;
+  @include foundation-responsive-embed;
   @include foundation-label;
   @include foundation-media-object;
-  @include foundation-menu;
   @include foundation-off-canvas;
   @include foundation-orbit;
   @include foundation-pagination;
@@ -88,4 +120,14 @@
   @include foundation-title-bar;
   @include foundation-tooltip;
   @include foundation-top-bar;
+  @include foundation-visibility-classes;
+  @include foundation-float-classes;
+
+  @if $flex {
+    @include foundation-flex-classes;
+  }
+
+  @if $prototype {
+    @include foundation-prototype-classes;
+  }
 }

data/generators/foundation/public/stylesheets/foundation6/grid/_classes.scss

@@ -12,16 +12,17 @@
   $row: 'row',
   $column: 'column',
   $column-row: 'column-row',
+  $gutter: 'gutter',
   $push: 'push',
   $pull: 'pull',
   $center: 'centered',
-  $uncenter: 'uncenter',
+  $uncenter: 'uncentered',
   $collapse: 'collapse',
   $uncollapse: 'uncollapse',
   $offset: 'offset',
   $end: 'end',
   $expanded: 'expanded',
-  $breakpoints: $breakpoint-classes
+  $block: 'block'
 ) {
   // Row
   .#{$row} {
@@ -29,34 +30,45 @@
 
     // Collapsing
     &.#{$collapse} {
-      > .#{$column} { @include grid-col-collapse; }
+      > .#{$column} {
+        @include grid-col-collapse;
+      }
     }
 
     // Nesting
-    & & {
-      @include grid-row($behavior: nest, $cf: false);
+    & .#{$row} {
+      @include grid-row-nest($grid-column-gutter);
 
       &.#{$collapse} {
-        @include grid-row($behavior: nest collapse, $cf: false);
+        margin-right: 0;
+        margin-left: 0;
       }
     }
 
-    // Responsive collapsing
-    @each $size in $breakpoint-classes {
-      @include breakpoint($size) {
-        &.#{$size}-#{$collapse} {
-          > .#{$column} { @include grid-col-collapse; }
-        }
+    // Expanded (full-width) row
+    &.#{$expanded} {
+      @include grid-row-size(expand);
 
-        &.#{$size}-#{$uncollapse} {
-          > .#{$column} { @include grid-col-uncollapse; }
-        }
+      .#{$row} {
+        margin-right: auto;
+        margin-left: auto;
       }
     }
 
-    // Expanded (full-width) row
-    &.#{$expanded} {
-      max-width: none;
+    &:not(.#{$expanded}) .#{$row} {
+      @include grid-row-size(expand);
+    }
+
+    @if type-of($grid-column-gutter) == 'map' {
+      // Static (unresponsive) row gutters
+      //
+      @each $breakpoint, $value in $grid-column-gutter {
+        &.#{$gutter}-#{$breakpoint} {
+          > .#{$column} {
+            @include grid-col-gutter($value);
+          }
+        }
+      }
     }
   }
 
@@ -64,8 +76,10 @@
   .#{$column} {
     @include grid-col;
 
-    &.#{$end} {
-      @include grid-col-end;
+    @if $grid-column-align-edge {
+      &.#{$end} {
+        @include grid-col-end;
+      }
     }
   }
 
@@ -75,57 +89,87 @@
     float: none;
   }
 
-  @each $size in $breakpoints {
-    @include breakpoint($size) {
-      @for $i from 1 through $grid-column-count {
-        // Column width
-        .#{$size}-#{$i} {
-          @include grid-col-size($i);
-        }
+  // To properly nest a column row, padding and margin is removed
+  .#{$row} .#{$column}.#{$row}.#{$row} {
+    margin-right: 0;
+    margin-left: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
 
-        // Source ordering
-        @if $i < $grid-column-count {
-          .#{$size}-#{$push}-#{$i} {
-            @include grid-col-pos($i);
-          }
+  @include -zf-each-breakpoint {
+    @for $i from 1 through $grid-column-count {
+      // Column width
+      .#{$-zf-size}-#{$i} {
+        @include grid-col-size($i);
+      }
 
-          .#{$size}-#{$pull}-#{$i} {
-            @include grid-col-pos(-$i);
-          }
+      // Source ordering
+      @if $i < $grid-column-count {
+        .#{$-zf-size}-#{$push}-#{$i} {
+          @include grid-col-pos($i);
         }
 
-        // Offsets
-        $o: $i - 1;
-
-        .#{$size}-#{$offset}-#{$o} {
-          @include grid-col-off($o);
+        .#{$-zf-size}-#{$pull}-#{$i} {
+          @include grid-col-pos(-$i);
         }
       }
 
-      // Block grid
-      @for $i from 1 through $block-grid-max {
-        .#{$size}-up-#{$i} {
-          @include grid-layout($i);
-        }
+      // Offsets
+      $o: $i - 1;
+
+      .#{$-zf-size}-#{$offset}-#{$o} {
+        @include grid-col-off($o);
       }
+    }
 
-      // Positioning
-      .#{$column}.#{$size}-#{$center} {
-        @include grid-col-pos(center);
+    // Block grid
+    @for $i from 1 through $block-grid-max {
+      .#{$-zf-size}-up-#{$i} {
+        @include grid-layout($i, '.#{$column}');
       }
+    }
 
-      // Gutter adjustment
-      .#{$size}-#{$uncenter},
-      .#{$size}-#{$push}-0,
-      .#{$size}-#{$pull}-0 {
-        @include grid-col-unpos;
+    // Responsive collapsing
+    .#{$-zf-size}-#{$collapse} {
+      > .#{$column} { @include grid-col-collapse; }
+
+      .#{$row} {
+        margin-right: 0;
+        margin-left: 0;
       }
     }
+
+    .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {
+      margin-right: 0;
+      margin-left: 0;
+    }
+
+    .#{$-zf-size}-#{$uncollapse} {
+      > .#{$column} { @include grid-col-gutter($-zf-size); }
+    }
+
+    // Positioning
+    .#{$-zf-size}-#{$center} {
+      @include grid-col-pos(center);
+    }
+
+    // Gutter adjustment
+    .#{$-zf-size}-#{$uncenter},
+    .#{$-zf-size}-#{$push}-0,
+    .#{$-zf-size}-#{$pull}-0 {
+      @include grid-col-unpos;
+    }
+  }
+
+  // Block grid columns
+  .#{$column}-#{$block} {
+    @include grid-column-margin;
   }
 
-  @if $column == 'column' {
-    .columns {
-      // scss-lint:disable PlaceholderInExtend
+  @if $column == 'column' and has-value($grid-column-alias) {
+    .#{$grid-column-alias} {
+      // sass-lint:disable-block placeholder-in-extend
       @extend .column;
     }
   }