locomotivecms_wagon 2.4.0.rc2 → 2.4.0

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

@@ -0,0 +1,87 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype
+////
+
+// Relational Mixins
+@import 'relation';
+
+// Box Mixin
+@import 'box';
+
+// Rotate Mixin
+@import 'rotate';
+
+// Text utilities
+@import 'text-utilities';
+
+// Text transformation classes
+@import 'text-transformation';
+
+// Text Decoration classes
+@import 'text-decoration';
+
+// Font Styling
+@import 'font-styling';
+
+// List Style type
+@import 'list-style-type';
+
+// Rounded Utility
+@import 'rounded';
+
+// Bordered Utility
+@import 'bordered';
+
+// Shadow Utility
+@import 'shadow';
+
+// Arrow Utility
+@import 'arrow';
+
+// Separator Utility
+@import 'separator';
+
+// Overflow helper classes
+@import 'overflow';
+
+// Display classes
+@import 'display';
+
+// Position Helpers
+@import 'position';
+
+// Border box
+@import 'border-box';
+
+// Border none Utilty
+@import 'border-none';
+
+// Sizing Utilities
+@import 'sizing';
+
+// Spacing Utilities
+@import 'spacing';
+
+@mixin foundation-prototype-classes {
+  @include foundation-prototype-text-utilities;
+  @include foundation-prototype-text-transformation;
+  @include foundation-prototype-text-decoration;
+  @include foundation-prototype-font-styling;
+  @include foundation-prototype-list-style-type;
+  @include foundation-prototype-rounded;
+  @include foundation-prototype-bordered;
+  @include foundation-prototype-shadow;
+  @include foundation-prototype-arrow;
+  @include foundation-prototype-separator;
+  @include foundation-prototype-overflow;
+  @include foundation-prototype-display;
+  @include foundation-prototype-position;
+  @include foundation-prototype-border-box;
+  @include foundation-prototype-border-none;
+  @include foundation-prototype-sizing;
+  @include foundation-prototype-spacing;
+}

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

@@ -0,0 +1,157 @@
+/// Select all children from the first to `$num`.
+/// @param {Number} $num[] First `n` numbers of total children 
+@mixin first($num) {
+  @if $num == 1 {
+    &:first-child {
+      @content;
+    }
+  } @else {
+    &:nth-child(-n + #{$num}) {
+      @content;
+    }
+  }
+}
+
+/// Select the first exact child
+@mixin first-child {
+  &:first-of-type {
+    @content;
+  }
+}
+
+/// Select all children from the last to `$num`.
+/// @param {Number} $num[] Last `n` numbers of total children 
+@mixin last($num) {
+  &:nth-last-child(-n + #{$num}) {
+    @content;
+  }
+}
+
+/// Select the last exact child
+@mixin last-child {
+  &:last-of-type {
+    @content;
+  }
+}
+
+/// Select children every `$num`.
+/// @param {Number} $num[] Every `n` number of all children
+@mixin every($num) {
+  &:nth-child(#{$num}n) {
+    @content;
+  }
+}
+
+/// Select only the first and last child.
+@mixin first-last {
+  &:first-child,
+  &:last-child {
+    @content;
+  }
+}
+
+/// Select all children after the first to `$num`.
+/// @param {Number} $num[] After First `n` numbers of total children 
+@mixin after-first($num) {
+  &:nth-child(n + #{$num + 1}) {
+    @content;
+  }
+}
+
+/// Select all children before `$num` from the last.
+/// @param {Number} $num[] From Last `n` numbers of total children 
+@mixin from-last($num) {
+  &:nth-last-child(#{$num}) {
+    @content;
+  }
+}
+
+/// Select the `$num` child from the first and the `$num` child from the last.
+/// @param {Number} $num[] `n` number called from first and last 
+@mixin from-first-last($num) {
+  &:nth-child(#{$num}),
+  &:nth-last-child(#{$num}) {
+    @content;
+  }
+}
+
+/// Select all children but `$num`.
+/// @param {Number} $num[] `n` number that should be excluded from all other children 
+@mixin all-but($num) {
+  &:not(:nth-child(#{$num})) {
+    @content;
+  }
+}
+
+/// Select all children between the `$num` first and the `$num` last.
+/// @param {Number} $num[] `n` number excluded from first and last from all other children
+@mixin all-but-first-last($num) {
+  &:nth-child(n + #{$num}):nth-last-child(n + #{$num}) {
+    @content;
+  }
+}
+
+/// Will only select the child if it’s unique. That means that if there are at least 2 children, the style will not be applied.
+@mixin unique {
+  &:only-child {
+    @content;
+  }
+}
+
+/// Will only select children if they are not unique. That means that if there are at least 2 children, the style will be applied.
+@mixin not-unique() {
+  &:not(:only-child) {
+    @content;
+  }
+}
+
+/// Select all children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin between($first, $last) {
+  &:nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+    @content;
+  }
+}
+
+/// Select all even children.
+@mixin even {
+  &:nth-child(even) {
+    @content;
+  }
+}
+
+/// Select all even children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin even-between($first, $last) {
+  &:nth-child(even):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+    @content;
+  }
+}
+
+/// Select all odd children.
+@mixin odd {
+  &:nth-child(odd) {
+    @content;
+  }
+}
+
+/// Select all odd children between `$first` and `$last`.
+/// @param {Number} $first[] First `nth` number
+/// @param {Number} $last[] Last `nth` number
+@mixin odd-between($first, $last) {
+  &:nth-child(odd):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+    @content;
+  }
+}
+
+/// Select all `$num` children between `$first` and `$last`.
+/// @param {Number} $num[] Every `n` number between `$first` and `$last`.
+/// @param {Number} $first[] First `n` number
+/// @param {Number} $last[] Last `n` number
+@mixin number-between($num, $first, $last) {
+  &:nth-child(#{$num}n):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+    @content;
+  }
+}

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

@@ -0,0 +1,31 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-rotate
+////
+
+/// Rotate Mixin: Rotate an element to a certain deg
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotate($deg) {
+	transform:rotate($deg + deg);
+}
+
+/// RotateX Mixin: Rotate an element to a certain deg on X-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateX($deg) {
+	transform:rotateX($deg + deg);
+}
+
+/// RotateY Mixin: Rotate an element to a certain deg on Y-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateY($deg) {
+	transform:rotateY($deg + deg);
+}
+
+/// RotateZ Mixin: Rotate an element to a certain deg on Z-Axis
+/// @param {Number} $deg[] Degree of rotation
+@mixin rotateZ($deg) {
+	transform:rotateZ($deg + deg);
+}

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

@@ -0,0 +1,54 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-rounded
+////
+
+/// Responsive breakpoints for rounded utility.
+/// @type Boolean
+$prototype-rounded-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-border-radius`
+/// @type Number
+$prototype-border-radius: rem-calc(3) !default;
+
+/// Rounded utility (all corners): Adds radius corners (all corners) to an element by default.
+/// @param {Number} $radius [$prototype-border-radius] Border radius (all corners)
+@mixin border-radius(
+  $radius: $prototype-border-radius
+) {
+  border-radius: $radius;
+}
+
+/// Rounded square utility or rectangle utility (all corners): Rounds all corners to an element by default to make a pill shape.
+@mixin border-rounded {
+  border-radius: 5000px !important;
+}
+
+@mixin foundation-prototype-rounded {
+  .rounded {
+    @include border-rounded;
+  }
+
+  .radius {
+    @include border-radius;
+  }
+
+  @if ($prototype-rounded-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-rounded {
+            @include border-rounded;
+          }
+          .#{$size}-radius {
+            @include border-radius;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,96 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-separator
+////
+
+/// Responsive breakpoints for separator.
+/// @type Boolean
+$prototype-separator-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default alignment of a separator.
+/// @type String
+$prototype-separator-align: center !default;
+
+/// Height of a separator.
+/// @type Number
+$prototype-separator-height: rem-calc(2) !default;
+
+/// Width of a separator.
+/// @type Number
+$prototype-separator-width: 3rem !default;
+
+/// Default color of a separator.
+/// @type Color
+$prototype-separator-background: $primary-color !default;
+
+/// Top Margin of a separator.
+/// @type Number
+$prototype-separator-margin-top: $global-margin !default;
+
+/// Title separator Utility, mostly used to style the main heading of a section
+/// @param {String} $align [$prototype-separator-align] - separator Alignment
+/// @param {Number} $height [$prototype-separator-height] - Width
+/// @param {Number} $width [$prototype-separator-width] - Height
+/// @param {Color} $background [$prototype-separator-background] - Background
+/// @param {Number} $top [$prototype-separator-margin-top] - Margin Top
+@mixin separator (
+  $align: $prototype-separator-align,
+  $height: $prototype-separator-height,
+  $width: $prototype-separator-width,
+  $background: $prototype-separator-background,
+  $top: $prototype-separator-margin-top
+) {
+  text-align: $align !important;
+	@include clearfix;
+
+  &::after {
+    @include position(relative);
+    width: $width;
+    border-bottom: $height solid $background;
+    margin: $top auto 0;
+
+    @if $align == left {
+      margin-left: 0 !important;
+    }
+
+    @if $align == right {
+      margin-right: 0 !important;
+    }
+  }
+}
+
+@mixin foundation-prototype-separator {
+	.separator-center {
+		@include separator(center);
+	}
+
+  .separator-left {
+    @include separator(left);
+  }
+
+  .separator-right {
+    @include separator(right);
+  }
+
+	@if ($prototype-separator-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-separator-center {
+            @include separator(center);
+          }
+          .#{$size}-separator-left {
+            @include separator(left);
+          }
+          .#{$size}-separator-right {
+            @include separator(right);
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,43 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-shadow
+////
+
+/// Responsive breakpoints for shadow utility.
+/// @type Boolean
+$prototype-shadow-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-box-shadow`
+/// @type Number
+$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
+                       0 2px 10px 0 rgba(0,0,0,.12) !default;
+
+/// Shadow Utility: Adds a light box shadow to an element by default.
+/// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component
+@mixin shadow(
+  $shadow: $prototype-box-shadow
+) {
+  box-shadow: $shadow;
+}
+
+@mixin foundation-prototype-shadow {
+  .shadow {
+    @include shadow;
+  }
+
+  @if ($prototype-shadow-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-shadow {
+            @include shadow;
+          }
+        }
+      }
+    }
+  }
+}