locomotivecms_wagon 2.4.1 → 3.0.0.beta2

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

@@ -1,129 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-@import 'math';
-
-$contrast-warnings: true !default;
-
-////
-/// @group functions
-////
-
-/// Checks the luminance of `$color`.
-///
-/// @param {Color} $color - Color to check the luminance of.
-///
-/// @returns {Number} The luminance of `$color`.
-@function color-luminance($color) {
-  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
-  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-  $rgba: red($color), green($color), blue($color);
-  $rgba2: ();
-
-  @for $i from 1 through 3 {
-    $rgb: nth($rgba, $i);
-    $rgb: $rgb / 255;
-
-    $rgb: if($rgb < 0.03928, $rgb / 12.92, pow(($rgb + 0.055) / 1.055, 2.4));
-
-    $rgba2: append($rgba2, $rgb);
-  }
-
-  @return 0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3);
-}
-
-/// Checks the contrast ratio of two colors.
-///
-/// @param {Color} $color1 - First color to compare.
-/// @param {Color} $color2 - Second color to compare.
-///
-/// @returns {Number} The contrast ratio of the compared colors.
-@function color-contrast($color1, $color2) {
-  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
-  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
-  $luminance1: color-luminance($color1) + 0.05;
-  $luminance2: color-luminance($color2) + 0.05;
-  $ratio: $luminance1 / $luminance2;
-
-  @if $luminance2 > $luminance1 {
-    $ratio: 1 / $ratio;
-  }
-
-  $ratio: round($ratio * 10) / 10;
-
-  @return $ratio;
-}
-
-/// Checks the luminance of `$base`, and returns the color from `$colors` (list of colors) that has the most contrast.
-///
-/// @param {Color} $base - Color to check luminance.
-/// @param {List} $colors [($white, $black)] - Colors to compare.
-/// @param {Number} $tolerance [$global-color-pick-contrast-tolerance] - Contrast tolerance.
-///
-/// @returns {Color} the color from `$colors` (list of colors) that has the most contrast.
-@function color-pick-contrast($base, $colors: ($white, $black), $tolerance: $global-color-pick-contrast-tolerance) {
-  $contrast: color-contrast($base, nth($colors, 1));
-  $best: nth($colors, 1);
-
-  @for $i from 2 through length($colors) {
-    $current-contrast: color-contrast($base, nth($colors, $i));
-    @if ($current-contrast - $contrast > $tolerance) {
-      $contrast: color-contrast($base, nth($colors, $i));
-      $best: nth($colors, $i);
-    }
-  }
-
-  @if ($contrast-warnings and $contrast < 3) {
-    @warn "Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}";
-  }
-
-  @return $best;
-}
-
-/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
-///
-/// @param {Color} $color - Color to scale.
-/// @param {Percentage} $scale [5%] - Amount to scale up or down.
-/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.
-///
-/// @returns {Color} A scaled color.
-@function smart-scale($color, $scale: 5%, $threshold: 40%) {
-  @if lightness($color) > $threshold {
-    $scale: -$scale;
-  }
-  @return scale-color($color, $lightness: $scale);
-}
-
-/// Get color from foundation-palette
-///
-/// @param {key} color key from foundation-palette
-///
-/// @returns {Color} color from foundation-palette
-@function get-color($key) {
-  @if map-has-key($foundation-palette, $key) {
-    @return map-get($foundation-palette, $key);
-  }
-  @else {
-    @error 'given $key is not available in $foundation-palette';
-  }
-}
-
-/// Transfers the colors in the `$foundation-palette`map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
-@mixin add-foundation-colors() {
-  @if map-has-key($foundation-palette, primary) {
-    $primary-color: map-get($foundation-palette, primary) !global;
-  }
-  @if map-has-key($foundation-palette, secondary) {
-    $secondary-color: map-get($foundation-palette, secondary) !global;
-  }
-  @if map-has-key($foundation-palette, success) {
-    $success-color: map-get($foundation-palette, success) !global;
-  }
-  @if map-has-key($foundation-palette, warning) {
-    $warning-color: map-get($foundation-palette, warning) !global;
-  }
-  @if map-has-key($foundation-palette, alert) {
-    $alert-color: map-get($foundation-palette, alert) !global;
-  }
-}

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

@@ -1,31 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Returns the opposite direction of $dir
-///
-/// @param {Keyword} $dir - Used direction between "top", "right", "bottom" and "left".
-/// @return {Keyword} Opposite direction of $dir
-@function direction-opposite(
-  $dir
-) {
-  $dirs: (top, right, bottom, left);
-  $place: index($dirs, $dir);
-
-  @if $place == null {
-    @error 'direction-opposite: Invalid $dir parameter, expected a value from "#{$dirs}", found "#{$dir}".';
-    @return null;
-  }
-
-  // Calcul the opposite place in a circle, with a starting index of 1
-  $length: length($dirs);
-  $demi: $length / 2;
-  $opposite-place: (($place + $demi - 1) % $length) + 1;
-
-  @return nth($dirs, $opposite-place);
-}
-

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

@@ -1,85 +0,0 @@
-$-zf-flex-justify: (
-  'left': flex-start,
-  'right': flex-end,
-  'center': center,
-  'justify': space-between,
-  'spaced': space-around,
-);
-
-$-zf-flex-align: (
-  'top': flex-start,
-  'bottom': flex-end,
-  'middle': center,
-  'stretch': stretch,
-);
-
-$-zf-flex-direction: (
-  'row': row,
-  'row-reverse': row-reverse,
-  'column': column,
-  'column-reverse': column-reverse,
-);
-
-/// Enables flexbox by adding `display: flex` to the element.
-@mixin flex {
-  display: flex;
-}
-
-/// Horizontally or vertically aligns the items within a flex container.
-///
-/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.
-/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
-@mixin flex-align($x: null, $y: null) {
-  @if $x {
-    @if map-has-key($-zf-flex-justify, $x) {
-      $x: map-get($-zf-flex-justify, $x);
-    }
-    @else {
-      @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';
-    }
-  }
-
-  @if $y {
-    @if map-has-key($-zf-flex-align, $y) {
-      $y: map-get($-zf-flex-align, $y);
-    }
-    @else {
-      @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';
-    }
-  }
-
-  justify-content: $x;
-  align-items: $y;
-}
-
-/// Vertically align a single column within a flex row. Apply this mixin to a flex column.
-///
-/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.
-@mixin flex-align-self($y: null) {
-  @if $y {
-    @if map-has-key($-zf-flex-align, $y) {
-      $y: map-get($-zf-flex-align, $y);
-    }
-    @else {
-      @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';
-    }
-  }
-
-  align-self: $y;
-}
-
-/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.
-/// @param {Number} $order [0] - Order number to apply.
-@mixin flex-order($order: 0) {
-  order: $order;
-}
-
-/// Change flex-direction
-/// @param {Keyword} $direction [row] - Flex direction to use. Can be
-///   - row (default): same as text direction
-///   - row-reverse: opposite to text direction
-///   - column: same as row but top to bottom
-///   - column-reverse: same as row-reverse top to bottom
-@mixin flex-direction($direction: row) {
-  flex-direction: $direction;
-}

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

@@ -1,72 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Finds the greatest common divisor of two integers.
-///
-/// @param {Number} $a - First number to compare.
-/// @param {Number} $b - Second number to compare.
-///
-/// @returns {Number} The greatest common divisor.
-@function gcd($a, $b) {
-  // From: http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript
-  @if ($b != 0) {
-    @return gcd($b, $a % $b);
-  }
-  @else {
-    @return abs($a);
-  }
-}
-
-/// Handles decimal exponents by trying to convert them into a fraction and then use a nth-root-algorithm for parts of the calculation
-///
-/// @param {Number} $base - The base number.
-/// @param {Number} $exponent - The exponent.
-///
-/// @returns {Number} The product of the exponentiation.
-@function pow($base, $exponent, $prec: 16) {
-  @if (floor($exponent) != $exponent) {
-    $prec2 : pow(10, $prec);
-    $exponent: round($exponent * $prec2);
-    $denominator: gcd($exponent, $prec2);
-    @return nth-root(pow($base, $exponent / $denominator), $prec2 / $denominator, $prec);
-  }
-
-  $value: $base;
-  @if $exponent > 1 {
-    @for $i from 2 through $exponent {
-      $value: $value * $base;
-    }
-  }
-  @else if $exponent < 1 {
-    @for $i from 0 through -$exponent {
-      $value: $value / $base;
-    }
-  }
-
-  @return $value;
-}
-
-@function nth-root($num, $n: 2, $prec: 12) {
-  // From: http://rosettacode.org/wiki/Nth_root#JavaScript
-  $x: 1;
-
-  @for $i from 0 through $prec {
-    $x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)));
-  }
-
-  @return $x;
-}
-
-/// Calculates the height as a percentage of the width for a given ratio.
-/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
-/// @return {Number} A percentage value for the height relative to the width of a responsive container.
-@function ratio-to-percentage($ratio) {
-  $w: nth($ratio, 1);
-  $h: nth($ratio, 3);
-  @return $h / $w * 100%;
-}

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

@@ -1,313 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Creates an inner box-shadow for only one side
-/// 
-/// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.
-/// @param {Number} $size - Width for the target side.
-/// @param {Color} $color - Color of the shadow.
-@mixin inner-side-shadow(
-  $side: bottom,
-  $size: 20px,
-  $color: rgba($black, 0.25)
-) {
-
-  $helper: round($size * 0.65);
-
-  @if ($side == top) {
-    box-shadow: inset 0 $helper $size (-1)*$helper $color;
-  } @else if ($side == left) {
-    box-shadow: inset $helper 0 $size (-1)*$helper $color;
-  } @else if ($side == right) {
-    box-shadow: inset (-1)*$helper 0 $size (-1)*$helper $color;
-  } @else if ($side == bottom) {
-    box-shadow: inset 0 (-1)*$helper $size (-1)*$helper $color;
-  }
-}
-
-/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.
-///
-/// @param {Number} $triangle-size - Width of the triangle.
-/// @param {Color} $triangle-color - Color of the triangle.
-/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.
-@mixin css-triangle(
-  $triangle-size,
-  $triangle-color,
-  $triangle-direction
-) {
-  display: block;
-  width: 0;
-  height: 0;
-
-  border: inset $triangle-size;
-
-  content: '';
-
-  @if ($triangle-direction == down) {
-    border-bottom-width: 0;
-    border-top-style: solid;
-    border-color: $triangle-color transparent transparent;
-  }
-  @if ($triangle-direction == up) {
-    border-top-width: 0;
-    border-bottom-style: solid;
-    border-color: transparent transparent $triangle-color;
-  }
-  @if ($triangle-direction == right) {
-    border-right-width: 0;
-    border-left-style: solid;
-    border-color: transparent transparent transparent $triangle-color;
-  }
-  @if ($triangle-direction == left) {
-    border-left-width: 0;
-    border-right-style: solid;
-    border-color: transparent $triangle-color transparent transparent;
-  }
-}
-
-/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class="docs-example-burger"></div>
-///
-/// @param {Color} $color [$black] - Color to use for the icon.
-/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.
-/// @param {Number} $width [20px] - Width of the icon.
-/// @param {Number} $height [16px] - Height of the icon.
-/// @param {Number} $weight [2px] - Height of individual bars in the icon.
-/// @param {Number} $bars [3] - Number of bars in the icon.
-@mixin hamburger(
-  $color: $black,
-  $color-hover: $dark-gray,
-  $width: 20px,
-  $height: 16px,
-  $weight: 2px,
-  $bars: 3
-) {
-  // box-shadow CSS output
-  $shadow: ();
-  $hover-shadow: ();
-
-  // Spacing between bars is calculated based on the total height of the icon and the weight of each bar
-  $spacing: ($height - ($weight * $bars)) / ($bars - 1);
-
-  @if unit($spacing) == 'px' {
-    $spacing: floor($spacing);
-  }
-
-  @for $i from 2 through $bars {
-    $offset: ($weight + $spacing) * ($i - 1);
-    $shadow: append($shadow, 0 $offset 0 $color, comma);
-  }
-
-  // Icon container
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  width: $width;
-  height: $height;
-  cursor: pointer;
-
-  // Icon bars
-  &::after {
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    display: block;
-    width: 100%;
-    height: $weight;
-
-    background: $color;
-    box-shadow: $shadow;
-
-    content: '';
-  }
-
-  // Hover state
-  @if $color-hover {
-    // Generate CSS
-    @for $i from 2 through $bars {
-      $offset: ($weight + $spacing) * ($i - 1);
-      $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);
-    }
-
-    &:hover::after {
-      background: $color-hover;
-      box-shadow: $hover-shadow;
-    }
-  }
-}
-
-/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.
-/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.
-///
-/// @param {Color} $color [$black] - Color to use for the triangle.
-@mixin background-triangle($color: $black) {
-  $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';
-
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
-
-  @media screen and (min-width:0\0) {
-    @if lightness($color) < 60% {
-      // White triangle
-      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
-    }
-    @else {
-      // Black triangle
-      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');
-    }
-  }
-}
-
-/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.
-/// The clearfix is augmented with specific styles to prevent borders in flexbox environments
-/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack
-/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix
-@mixin clearfix {
-  &::before,
-  &::after {
-    display: table;
-    content: ' ';
-
-    @if $global-flexbox {
-      flex-basis: 0;
-      order: 1;
-    }
-  }
-
-  &::after {
-    clear: both;
-  }
-}
-
-/// Adds CSS for a "quantity query" selector that automatically sizes elements based on how many there are inside a container.
-/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS
-///
-/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.
-/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.
-@mixin auto-width($max, $elem: li) {
-  @for $i from 2 through $max {
-    &:nth-last-child(#{$i}):first-child,
-    &:nth-last-child(#{$i}):first-child ~ #{$elem} {
-      width: percentage(1 / $i);
-    }
-  }
-}
-
-/// Removes the focus ring around an element when a mouse input is detected.
-@mixin disable-mouse-outline {
-  [data-whatinput='mouse'] & {
-    outline: 0;
-  }
-}
-
-/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.
-/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility
-/// @link http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-@mixin element-invisible {
-  position: absolute !important;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  clip-path: inset(50%);
-  border: 0;
-}
-
-/// Reverses the CSS output created by the `element-invisible()` mixin.
-@mixin element-invisible-off {
-  position: static !important;
-  width: auto;
-  height: auto;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  clip-path: none;
-}
-
-/// Vertically centers the element inside of its first non-static parent,
-/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
-@mixin vertical-center {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-/// Horizontally centers the element inside of its first non-static parent,
-/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
-@mixin horizontal-center {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-/// Absolutely centers the element inside of its first non-static parent,
-/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass
-@mixin absolute-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.
-///
-/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.
-/// @param {Boolean} $auto-insert-breakpoints [true] - If `false`, the mixin will iterate over breakpoints without doing the media query itself. Useful for more complex media query generation as in the margin grid.
-@mixin -zf-each-breakpoint($small: true, $auto-insert-breakpoints: true) {
-  $list: $breakpoint-classes;
-
-  @if not $small {
-    $list: sl-remove($list, $-zf-zero-breakpoint);
-  }
-
-  @each $name in $list {
-    $-zf-size: $name !global;
-
-    @if $auto-insert-breakpoints {
-      @include breakpoint($name) {
-        @content;
-      }
-    }
-    @else {
-      @content;
-    }
-  }
-}
-
-/// Generate the `@content` passed to the mixin with a value `$-zf-bp-value` related to a breakpoint, depending on the `$name` parameter:
-/// - For a single value, `$-zf-bp-value` is this value.
-/// - For a breakpoint name, `$-zf-bp-value` is the corresponding breakpoint value in `$map`.
-/// - For "auto", `$-zf-bp-value` is the corresponding breakpoint value in `$map` and is passed to `@content`, which is made responsive for each breakpoint of `$map`.
-/// @param {Number|Array|Keyword} $name [auto] - Single value, breakpoint name, or list of breakpoint names to use. "auto" by default.
-/// @param {Number|Map} $map - Map of breakpoints and values or single value to use.
-@mixin -zf-breakpoint-value(
-  $name: auto,
-  $map: null
-) {
-  @if $name == auto and type-of($map) == 'map' {
-    // "auto"
-    @each $k, $v in $map {
-      @include breakpoint($k) {
-        @include -zf-breakpoint-value($v, $map) {
-          @content;
-        }
-      }
-    }
-  }
-  @else {
-    // breakpoint name
-    @if type-of($name) == 'string' {
-      $name: -zf-get-bp-val($map, $name);
-    }
-
-    // breakpoint value
-    $-zf-bp-value: $name !global;
-    @content;
-  }
-}