foundation-rails 5.5.3.2 → 6.6.2.0

data/vendor/assets/scss/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/vendor/assets/scss/prototype/_rotate.scss

@@ -0,0 +1,31 @@
+// Foundation for Sites
+// https://get.foundation
+// 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/vendor/assets/scss/prototype/_rounded.scss

@@ -0,0 +1,61 @@
+// Foundation for Sites
+// https://get.foundation
+// 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;
+
+    .switch-paddle {
+      @include border-rounded;
+      &:after {
+        border-radius: 50%; // For switches
+      }
+    }
+  }
+
+  .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/vendor/assets/scss/prototype/_separator.scss

@@ -0,0 +1,96 @@
+// Foundation for Sites
+// https://get.foundation
+// 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/vendor/assets/scss/prototype/_shadow.scss

@@ -0,0 +1,43 @@
+// Foundation for Sites
+// https://get.foundation
+// 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;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_sizing.scss

@@ -0,0 +1,73 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-sizing
+////
+
+/// Responsive breakpoints for spacing classes (margin and padding)
+/// @type Boolean
+$prototype-sizing-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `sizing` classes
+/// @type Map
+$prototype-sizing: (
+  width,
+  height
+) !default;
+
+/// Map containing all the sizes.
+/// @type Map
+$prototype-sizes: (
+  25: 25%,
+  50: 50%,
+  75: 75%,
+  100: 100%
+) !default;
+
+/// Max Width 100 utility.
+@mixin max-width-100 {
+  max-width: 100% !important;
+}
+
+/// Max Height 100 utility.
+@mixin max-height-100 {
+  max-height: 100% !important;
+}
+
+@mixin foundation-prototype-sizing {
+  // Element Sizing
+  @each $sizing in $prototype-sizing {
+    @each $length, $percentage in $prototype-sizes {
+      .#{$sizing}-#{$length} {
+        #{$sizing}: $percentage !important;
+      }
+    }
+  }
+
+  // Max width & height
+  .max-width-100 {
+    @include max-width-100;
+  }
+  .max-height-100 {
+    @include max-height-100;
+  }
+
+  @if ($prototype-sizing-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          @each $sizing in $prototype-sizing {
+            @each $length, $percentage in $prototype-sizes {
+              .#{$size}-#{$sizing}-#{$length} {
+                #{$sizing}: $percentage !important;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_spacing.scss

@@ -0,0 +1,179 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-spacing
+////
+
+/// Responsive breakpoints for spacing classes (margin and padding)
+/// @type Boolean
+$prototype-spacing-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default number of spacers count (margin and padding)
+/// @type Number
+$prototype-spacers-count: 3 !default;
+
+/// Margin helper mixin, all the values are multiplied by `$global-margin` which by default is equal to `1rem`
+/// @param {Number} $top [null] - Margin Top
+/// @param {Number} $right [null] - Margin Right
+/// @param {Number} $bottom [null] - Margin Bottom
+/// @param {Number} $left [null] - Margin Left
+@mixin margin(
+  $top: null,
+  $right: null,
+  $bottom: null,
+  $left: null
+) {
+  @if $top != null {
+    margin-top: $top * $global-margin !important;
+  }
+  @if $right != null {
+    margin-right: $right * $global-margin !important;
+  }
+  @if $bottom != null {
+    margin-bottom: $bottom * $global-margin !important;
+  }
+  @if $left != null {
+    margin-left: $left * $global-margin !important;
+  }
+}
+
+/// Padding helper mixin, all the values are multiplied by `$global-padding` which by default is equal to `1rem`
+/// @param {Number} $top [null] - Padding Top
+/// @param {Number} $right [null] - Padding Right
+/// @param {Number} $bottom [null] - Padding Bottom
+/// @param {Number} $left [null] - Padding Left
+@mixin padding(
+  $top: null,
+  $right: null,
+  $bottom: null,
+  $left: null
+) {
+  @if $top != null {
+    padding-top: $top * $global-padding !important;
+  }
+  @if $right != null {
+    padding-right: $right * $global-padding !important;
+  }
+  @if $bottom != null {
+    padding-bottom: $bottom * $global-padding !important;
+  }
+  @if $left != null {
+    padding-left: $left * $global-padding !important;
+  }
+}
+
+/// Margin classes for specific direction properties
+/// @param {String} $dir [] Direction
+/// @param {Number} $spacer [] Spacer
+@mixin margin-direction($dir, $spacer) {
+  @if ($dir == top) { 
+    @include margin($top: $spacer); 
+  }
+  @else if ($dir == right) { 
+    @include margin($right: $spacer); 
+  }
+  @else if ($dir == bottom) { 
+    @include margin($bottom: $spacer); 
+  }
+  @else if ($dir == left) { 
+    @include margin($left: $spacer); 
+  }
+  @else if ($dir == horizontal) { 
+    @include margin($right: $spacer, $left: $spacer); 
+  }
+  @else if ($dir == vertical) { 
+    @include margin($top: $spacer, $bottom: $spacer); 
+  }
+}
+
+/// Padding classes for specific direction properties
+/// @param {String} $dir [] Direction
+/// @param {Number} $spacer [] Spacer
+@mixin padding-direction($dir, $spacer) {
+  @if ($dir == top) { 
+    @include padding($top: $spacer); 
+  }
+  @else if ($dir == right) { 
+    @include padding($right: $spacer); 
+  }
+  @else if ($dir == bottom) { 
+    @include padding($bottom: $spacer); 
+  }
+  @else if ($dir == left) { 
+    @include padding($left: $spacer); 
+  }
+  @else if ($dir == horizontal) { 
+    @include padding($right: $spacer, $left: $spacer); 
+  }
+  @else if ($dir == vertical) { 
+    @include padding($top: $spacer, $bottom: $spacer); 
+  }
+}
+
+@mixin foundation-prototype-spacing {
+  @for $spacer from 0 through $prototype-spacers-count {
+    
+    @each $prop in (margin, padding) {
+      // All Sides
+      .#{$prop}-#{$spacer} {
+        @if ($prop == margin) { 
+          margin: $spacer * $global-margin !important;
+        }
+        @else if ($prop == padding) { 
+          padding: $spacer * $global-padding !important;
+        }
+      }
+
+      @each $dir in (top, right, bottom, left, horizontal, vertical) {
+        // Top Side
+        .#{$prop}-#{$dir}-#{$spacer} {
+          @if ($prop == margin) { 
+            @include margin-direction($dir, $spacer);
+          }
+          @else if ($prop == padding) {
+            @include padding-direction($dir, $spacer);
+          }
+        }
+      }
+    }
+  }
+
+  @if ($prototype-spacing-breakpoints) {
+    @for $spacer from 0 through $prototype-spacers-count {
+    // Loop through Responsive Breakpoints
+      @each $size in $breakpoint-classes {
+        @include breakpoint($size) {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size} {
+              @each $prop in (margin, padding) {
+                // All Sides
+                &-#{$prop}-#{$spacer} {
+                  @if ($prop == margin) { 
+                    margin: $spacer * $global-margin !important;
+                  }
+                  @else if ($prop == padding) { 
+                    padding: $spacer * $global-padding !important;
+                  }
+                }
+
+                @each $dir in (top, right, bottom, left, horizontal, vertical) {
+                  // Top Side
+                  &-#{$prop}-#{$dir}-#{$spacer} {
+                    @if ($prop == margin) { 
+                      @include margin-direction($dir, $spacer);
+                    }
+                    @else if ($prop == padding) { 
+                      @include padding-direction($dir, $spacer);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_text-decoration.scss

@@ -0,0 +1,48 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-decoration
+////
+
+/// Responsive breakpoints for text decoration classes
+/// @type Boolean
+$prototype-decoration-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `text-decoration` classes
+/// @type Map
+$prototype-text-decoration: (
+  overline,
+  underline,
+  line-through,
+) !default;
+
+/// Text Decoration, by default coming through a map `$prototype-text-decoration`
+/// @param {String} $decoration [] Text Decoration
+@mixin text-decoration($decoration) {
+  text-decoration: $decoration !important;
+}
+
+@mixin foundation-prototype-text-decoration {
+  @each $decoration in $prototype-text-decoration {
+    .text-#{$decoration} {
+      @include text-decoration($decoration);
+    }
+  }
+
+  @if ($prototype-decoration-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $decoration in $prototype-text-decoration {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size}-text-#{$decoration} {
+              @include text-decoration($decoration);
+            }
+          }
+        }
+      }
+    }
+  }
+}