locomotivecms_wagon 2.4.1 → 3.0.0.beta2

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

@@ -1,63 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group badge
-////
-
-/// Default background color for badges.
-/// @type Color
-$badge-background: $primary-color !default;
-
-/// Default text color for badges.
-/// @type Color
-$badge-color: $white !default;
-
-/// Alternate text color for badges.
-/// @type Color
-$badge-color-alt: $black !default;
-
-/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
-/// @type Map
-$badge-palette: $foundation-palette !default;
-
-/// Default padding inside badges.
-/// @type Number
-$badge-padding: 0.3em !default;
-
-/// Minimum width of a badge.
-/// @type Number
-$badge-minwidth: 2.1em !default;
-
-/// Default font size for badges.
-/// @type Number
-$badge-font-size: 0.6rem !default;
-
-/// Generates the base styles for a badge.
-@mixin badge {
-  display: inline-block;
-  min-width: $badge-minwidth;
-  padding: $badge-padding;
-
-  border-radius: 50%;
-
-  font-size: $badge-font-size;
-  text-align: center;
-}
-
-@mixin foundation-badge {
-  .badge {
-    @include badge;
-
-    background: $badge-background;
-    color: $badge-color;
-
-    @each $name, $color in $badge-palette {
-      &.#{$name} {
-        background: $color;
-        color: color-pick-contrast($color, ($badge-color, $badge-color-alt));
-      }
-    }
-  }
-}

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

@@ -1,117 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group breadcrumbs
-////
-
-/// Margin around a breadcrumbs container.
-/// @type Number
-$breadcrumbs-margin: 0 0 $global-margin 0 !default;
-
-/// Font size of breadcrumb links.
-/// @type Number
-$breadcrumbs-item-font-size: rem-calc(11) !default;
-
-/// Color of breadcrumb links.
-/// @type Color
-$breadcrumbs-item-color: $primary-color !default;
-
-/// Color of the active breadcrumb link.
-/// @type Color
-$breadcrumbs-item-color-current: $black !default;
-
-/// Opacity of disabled breadcrumb links.
-/// @type Number
-$breadcrumbs-item-color-disabled: $medium-gray !default;
-
-/// Margin between breadcrumb items.
-/// @type Number
-$breadcrumbs-item-margin: 0.75rem !default;
-
-/// If `true`, makes breadcrumb links uppercase.
-/// @type Boolean
-$breadcrumbs-item-uppercase: true !default;
-
-/// If `true`, adds a seperator between breadcrumb links.
-/// @type Boolean
-$breadcrumbs-item-separator: true !default;
-
-// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.
-@if variable-exists(breadcrumbs-item-slash) {
-  $breadcrumbs-item-separator: $breadcrumbs-item-slash;
-}
-
-/// Used character for the breadcrumb separator.
-/// @type Content
-$breadcrumbs-item-separator-item: '/' !default;
-
-/// Used character for the breadcrumb separator in rtl mode.
-/// @type Content
-$breadcrumbs-item-separator-item-rtl: '\\' !default;
-
-/// Color of breadcrumb item.
-/// @type Color
-$breadcrumbs-item-separator-color: $medium-gray !default;
-
-// If it exists $breadcrumbs-item-slash-color is used to build $breadcrumbs-item-separator-color. See the documentation.
-@if variable-exists(breadcrumbs-item-slash-color) {
-  $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;
-}
-
-/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.
-@mixin breadcrumbs-container {
-  @include clearfix;
-  margin: $breadcrumbs-margin;
-  list-style: none;
-
-  // Item wrapper
-  li {
-    float: #{$global-left};
-
-    font-size: $breadcrumbs-item-font-size;
-    color: $breadcrumbs-item-color-current;
-    cursor: default;
-
-    @if $breadcrumbs-item-uppercase {
-      text-transform: uppercase;
-    }
-
-    @if $breadcrumbs-item-separator {
-      // Need to escape the backslash
-      $separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);
-
-      &:not(:last-child)::after {
-        position: relative;
-        margin: 0 $breadcrumbs-item-margin;
-        opacity: 1;
-        content: $separator;
-        color: $breadcrumbs-item-separator-color;
-      }
-    }
-    @else {
-      margin-#{$global-right}: $breadcrumbs-item-margin;
-    }
-  }
-
-  // Page links
-  a {
-    color: $breadcrumbs-item-color;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-@mixin foundation-breadcrumbs {
-  .breadcrumbs {
-    @include breadcrumbs-container;
-
-    .disabled {
-      color: $breadcrumbs-item-color-disabled;
-      cursor: not-allowed;
-    }
-  }
-}

data/generators/foundation/public/stylesheets/foundation6/components/_button-group.scss

@@ -1,253 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group button-group
-////
-
-/// Margin for button groups.
-/// @type Number
-$buttongroup-margin: 1rem !default;
-
-/// Margin between buttons in a button group.
-/// @type Number
-$buttongroup-spacing: 1px !default;
-
-/// Selector for the buttons inside a button group.
-/// @type String
-$buttongroup-child-selector: '.button' !default;
-
-/// Maximum number of buttons that can be in an even-width button group.
-/// @type Number
-$buttongroup-expand-max: 6 !default;
-
-/// Determines if $button-radius is applied to each button or the button group as a whole. Use $global-radius in _settings.scss to change radius.
-/// @type Boolean
-$buttongroup-radius-on-each: true !default;
-
-/// Add styles for a button group container.
-/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
-/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
-@mixin button-group(
-  $child-selector: $buttongroup-child-selector,
-  $spacing: $buttongroup-spacing
-) {
-  @include clearfix;
-  margin-bottom: $buttongroup-margin;
-
-  @if $global-flexbox {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: stretch;
-  }
-  @else {
-    font-size: 0;
-  }
-
-  #{$child-selector} {
-    margin: 0;
-    margin-#{$global-right}: $spacing;
-    margin-bottom: $spacing;
-    font-size: map-get($button-sizes, default);
-
-    @if $global-flexbox {
-      flex: 0 0 auto;
-    }
-
-    &:last-child {
-      margin-#{$global-right}: 0;
-    }
-
-    @if not $buttongroup-radius-on-each {
-      border-radius: 0;
-
-      &:first-child {
-        border-top-#{$global-left}-radius: $button-radius;
-        border-bottom-#{$global-left}-radius: $button-radius;
-      }
-
-      &:last-child {
-        border-top-#{$global-right}-radius: $button-radius;
-        border-bottom-#{$global-right}-radius: $button-radius;
-      }
-    }
-
-  }
-}
-
-/// Creates a full-width button group, making each button equal width.
-/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
-/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
-@mixin button-group-expand(
-  $selector: $buttongroup-child-selector,
-  $spacing: $buttongroup-spacing,
-  $count: null
-) {
-  @if not $global-flexbox {
-    margin-#{$global-right}: -$spacing;
-
-    &::before,
-    &::after {
-      display: none;
-    }
-  }
-
-  #{$selector} {
-    @if $global-flexbox {
-      flex: 1 1 0px; // sass-lint:disable-line zero-unit
-    }
-    @else {
-      // One child
-      &:first-child:last-child {
-        width: 100%;
-      }
-
-      // Two or more childreen
-      @for $i from 2 through $buttongroup-expand-max {
-        &:first-child:nth-last-child(#{$i}) {
-          &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {
-            display: inline-block;
-            width: calc(#{percentage(1 / $i)} - #{$spacing});
-            margin-#{$global-right}: $spacing;
-
-            &:last-child {
-              margin-#{$global-right}: $spacing * -$buttongroup-expand-max;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-/// Stacks the buttons in a button group.
-/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
-@mixin button-group-stack(
-  $selector: $buttongroup-child-selector
-) {
-  @if $global-flexbox {
-    flex-wrap: wrap;
-  }
-
-  #{$selector} {
-    @if $global-flexbox {
-      flex: 0 0 100%;
-    }
-    @else {
-      width: 100%;
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-
-    @if not $buttongroup-radius-on-each {
-      border-radius: 0;
-
-      &:first-child{
-        border-top-#{$global-left}-radius: $global-radius;
-        border-top-#{$global-right}-radius: $global-radius;
-      }
-
-      &:last-child {
-        margin-bottom: 0;
-        border-bottom-#{$global-left}-radius: $global-radius;
-        border-bottom-#{$global-right}-radius: $global-radius;
-      }
-    }
-
-  }
-}
-
-/// Un-stacks the buttons in a button group.
-/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
-@mixin button-group-unstack(
-  $selector: $buttongroup-child-selector
-) {
-  #{$selector} {
-    @if $global-flexbox {
-      flex: 1 1 0px; // sass-lint:disable-line zero-unit
-    }
-    @else {
-      width: auto;
-    }
-    margin-bottom: 0;
-
-    @if not $buttongroup-radius-on-each {
-      &:first-child {
-        border-top-#{$global-left}-radius: $global-radius;
-        border-top-#{$global-right}-radius: 0;
-        border-bottom-#{$global-left}-radius: $global-radius;
-      }
-
-      &:last-child {
-        border-top-#{$global-right}-radius: $global-radius;
-        border-bottom-#{$global-right}-radius: $global-radius;
-        border-bottom-#{$global-left}-radius: 0;
-      }
-    }
-
-  }
-}
-
-@mixin foundation-button-group {
-  .button-group {
-    @include button-group;
-
-    // Sizes
-    @each $size, $value in map-remove($button-sizes, default) {
-      &.#{$size} #{$buttongroup-child-selector} {
-        font-size: $value;
-      }
-    }
-
-    // Even-width Group
-    &.expanded { @include button-group-expand; }
-
-    // Colors
-    @each $name, $color in $foundation-palette {
-      @if $button-fill != hollow {
-        &.#{$name} #{$buttongroup-child-selector} {
-          @include button-style($color, auto, auto);
-        }
-      }
-      @else {
-        &.#{$name} #{$buttongroup-child-selector} {
-          @include button-hollow;
-          @include button-hollow-style($color);
-        }
-      }
-    }
-
-    &.stacked,
-    &.stacked-for-small,
-    &.stacked-for-medium {
-      @include button-group-stack;
-    }
-
-    &.stacked-for-small {
-      @include breakpoint(medium) {
-        @include button-group-unstack;
-      }
-    }
-
-    &.stacked-for-medium {
-      @include breakpoint(large) {
-        @include button-group-unstack;
-      }
-    }
-
-    &.stacked-for-small.expanded { // sass-lint:disable-line force-element-nesting
-      @include breakpoint(small only) {
-        display: block;
-
-        #{$buttongroup-child-selector} {
-          display: block;
-          margin-#{$global-right}: 0;
-        }
-      }
-    }
-  }
-}

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

@@ -1,385 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group button
-////
-
-/// Font family for button elements.
-/// @type Font
-$button-font-family: inherit !default;
-
-/// Padding inside buttons.
-/// @type List
-$button-padding: 0.85em 1em !default;
-
-/// Margin around buttons.
-/// @type List
-$button-margin: 0 0 $global-margin 0 !default;
-
-/// Default fill for buttons. Can either be `solid` or `hollow`.
-/// @type Keyword
-$button-fill: solid !default;
-
-/// Default background color for buttons.
-/// @type Color
-$button-background: $primary-color !default;
-
-/// Background color on hover for buttons.
-/// @type Color
-$button-background-hover: scale-color($button-background, $lightness: -15%) !default;
-
-/// Font color for buttons.
-/// @type List
-$button-color: $white !default;
-
-/// Alternative font color for buttons.
-/// @type List
-$button-color-alt: $black !default;
-
-/// Border radius for buttons, defaulted to global-radius.
-/// @type Number
-$button-radius: $global-radius !default;
-
-/// Border width for hollow outline buttons
-/// @type Number
-$button-hollow-border-width: 1px !default;
-
-/// Sizes for buttons.
-/// @type Map
-$button-sizes: (
-  tiny: 0.6rem,
-  small: 0.75rem,
-  default: 0.9rem,
-  large: 1.25rem,
-) !default;
-
-/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
-/// @type Map
-$button-palette: $foundation-palette !default;
-
-/// opacity for a disabled button.
-/// @type List
-$button-opacity-disabled: 0.25 !default;
-
-/// Background color lightness on hover for buttons.
-/// @type Number
-$button-background-hover-lightness: -20% !default;
-
-/// Color lightness on hover for hollow buttons.
-/// @type Number
-$button-hollow-hover-lightness: -50% !default;
-
-// Internal: flip from margin-right to margin-left for defaults
-@if $global-text-direction == 'rtl' {
-  $button-margin: 0 0 $global-margin $global-margin !default;
-}
-
-/// transitions for buttons.
-/// @type List
-$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;
-
-// TODO: Document button-base() mixin
-@mixin button-base {
-  @include disable-mouse-outline;
-  display: inline-block;
-  vertical-align: middle;
-  margin: $button-margin;
-  font-family: $button-font-family;
-
-  @if (type-of($button-padding) == 'map') {
-    @each $size, $padding in $button-padding {
-      @include breakpoint($size) {
-        padding: $padding;
-      }
-    }
-  }
-  @else {
-    padding: $button-padding;
-  }
-
-  -webkit-appearance: none;
-  border: 1px solid transparent;
-  border-radius: $button-radius;
-  transition: $button-transition;
-
-  font-size: map-get($button-sizes, default);
-  line-height: 1;
-  text-align: center;
-  cursor: pointer;
-}
-
-/// Expands a button to make it full-width.
-/// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior.
-@mixin button-expand($expand: true) {
-  @if $expand {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0;
-  }
-  @else {
-    display: inline-block;
-    width: auto;
-    margin: $button-margin;
-  }
-}
-
-/// Sets the visual style of a button.
-/// @param {Color} $background [$button-background] - Background color of the button.
-/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
-/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
-@mixin button-style(
-  $background: $button-background,
-  $background-hover: $button-background-hover,
-  $color: $button-color,
-  $background-hover-lightness: $button-background-hover-lightness
-) {
-  @if $color == auto {
-    $color: color-pick-contrast($background, ($button-color, $button-color-alt));
-  }
-
-  @if $background-hover == auto {
-    $background-hover: scale-color($background, $lightness: $background-hover-lightness);
-  }
-
-  background-color: $background;
-  color: $color;
-
-  &:hover, &:focus {
-    background-color: $background-hover;
-    color: $color;
-  }
-}
-
-/// Removes background fill on hover and focus for hollow buttons.
-@mixin button-hollow {
-  &,
-  &:hover, &:focus {
-    background-color: transparent;
-  }
-
-  &.disabled,
-  &[disabled] {
-    &,
-    &:hover, &:focus {
-      background-color: transparent;
-    }
-  }
-}
-
-@mixin button-hollow-style(
-  $color: $button-background,
-  $hover-lightness: $button-hollow-hover-lightness,
-  $border-width: $button-hollow-border-width
-) {
-  $color-hover: scale-color($color, $lightness: $hover-lightness);
-
-  border: $border-width solid $color;
-  color: $color;
-
-  &:hover, &:focus {
-    border-color: $color-hover;
-    color: $color-hover;
-    &.disabled,
-    &[disabled] {
-      border: $border-width solid $color;
-      color: $color;
-    }
-  }
-}
-
-/// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
-/// @param [Color] $background [$button-background] - Background color of the disabled button.
-/// @param [Color] $color [$button-color] - Text color of the disabled button. Set to `auto` to have the mixin automatically generate a color based on the background color.
-@mixin button-disabled(
-  $background: $button-background,
-  $color: $button-color
-) {
-  @if $color == auto {
-    $color: color-pick-contrast($background, ($button-color, $button-color-alt));
-  }
-
-  opacity: $button-opacity-disabled;
-  cursor: not-allowed;
-
-  &, &:hover, &:focus {
-    background-color: $background;
-    color: $color;
-  }
-}
-
-/// Adds a dropdown arrow to a button.
-/// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons.
-/// @param {Color} $color [white] - Color of the arrow.
-/// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is.
-@mixin button-dropdown(
-  $size: 0.4em,
-  $color: $white,
-  $offset: get-side($button-padding, right)
-) {
-  &::after {
-    @include css-triangle($size, $color, down);
-    position: relative;
-    top: 0.4em; // Aligns the arrow with the text of the button
-
-    display: inline-block;
-    float: #{$global-right};
-    margin-#{$global-left}: $offset;
-  }
-}
-
-/// Adds all styles for a button. For more granular control over styles, use the individual button mixins.
-/// @param {Boolean} $expand [false] - Set to `true` to make the button full-width.
-/// @param {Color} $background [$button-background] - Background color of the button.
-/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
-/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
-/// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button.
-@mixin button(
-  $expand: false,
-  $background: $button-background,
-  $background-hover: $button-background-hover,
-  $color: $button-color,
-  $style: $button-fill
-) {
-  @include button-base;
-
-  @if $style == solid {
-    @include button-style($background, $background-hover, $color);
-  }
-  @else if $style == hollow {
-    @include button-hollow;
-    @include button-hollow-style($background);
-  }
-
-  @if $expand {
-    @include button-expand;
-  }
-}
-
-@mixin foundation-button {
-  .button {
-    @include button;
-
-    // Sizes
-    @each $size, $value in map-remove($button-sizes, default) {
-      &.#{$size} {
-        font-size: $value;
-      }
-    }
-
-    &.expanded { @include button-expand; }
-
-    // Colors
-    @each $name, $color in $button-palette {
-      @if $button-fill != hollow {
-        &.#{$name} {
-          @include button-style($color, auto, auto);
-        }
-      }
-      @else {
-        &.#{$name} {
-          @include button-hollow-style($color);
-        }
-
-        &.#{$name}.dropdown::after {
-          border-top-color: $color;
-        }
-      }
-    }
-
-    // Disabled style
-    &.disabled,
-    &[disabled] {
-      @include button-disabled;
-
-      @each $name, $color in $button-palette {
-        &.#{$name} {
-          @include button-disabled($color, auto);
-        }
-      }
-    }
-
-    // Hollow style
-    @if $button-fill != hollow {
-      &.hollow {
-        @include button-hollow;
-        @include button-hollow-style;
-
-        @each $name, $color in $button-palette {
-          &.#{$name} {
-            @include button-hollow-style($color);
-          }
-        }
-      }
-    }
-
-    // Clear style
-    @if $button-fill != clear {
-      &.clear {
-        @include button-hollow;
-        @include button-hollow-style;
-
-        &, &:hover, &:focus {
-          &, &.disabled, &[disabled] {
-            border-color: transparent;
-          }
-        }
-
-        @each $name, $color in $button-palette {
-          &.#{$name} {
-            @include button-hollow-style($color);
-
-            &, &:hover,
-            &:focus {
-              &,
-              &.disabled,
-              &[disabled] {
-                border-color: transparent;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    // Dropdown arrow
-    &.dropdown {
-      @include button-dropdown;
-
-      @if $button-fill == hollow {
-        &::after {
-          border-top-color: $button-background;
-        }
-      }
-
-      &.hollow {
-        &::after {
-          border-top-color: $button-background;
-        }
-
-        @each $name, $color in $button-palette {
-          &.#{$name} {
-            &::after {
-              border-top-color: $color;
-            }
-          }
-        }
-      }
-    }
-
-    // Button with dropdown arrow only
-    &.arrow-only::after {
-      top: -0.1em;
-      float: none;
-      margin-#{$global-left}: 0;
-    }
-  }
-  a.button {
-    &:hover,
-    &:focus {
-      text-decoration: none;
-    }
-  }
-}