foundation-rails 5.5.3.2 → 6.6.2.0

data/vendor/assets/scss/prototype/_arrow.scss

@@ -0,0 +1,36 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-arrow
+////
+
+/// Map containing all the `arrow` direction
+/// @type Map
+$prototype-arrow-directions: (
+  down,
+  up,
+  right,
+  left
+) !default;
+
+/// Width of the Arrow, `0.4375rem` by default.
+/// @type Number
+$prototype-arrow-size: 0.4375rem;
+
+/// Color of the Arrow, `$black` by default.
+/// @type Color
+$prototype-arrow-color: $black;
+
+@mixin foundation-prototype-arrow {
+  @each $prototype-arrow-direction in $prototype-arrow-directions {
+    .arrow-#{$prototype-arrow-direction} {
+      @include css-triangle(
+        $prototype-arrow-size, 
+        $prototype-arrow-color, 
+        $prototype-arrow-direction
+      );
+    }
+  }
+}

data/vendor/assets/scss/prototype/_border-box.scss

@@ -0,0 +1,35 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-border-box
+////
+
+/// Responsive breakpoints for border box.
+/// @type Boolean
+$prototype-border-box-breakpoints: $global-prototype-breakpoints !default;
+
+/// Border box utility
+@mixin border-box {
+  box-sizing: border-box !important;
+}
+
+@mixin foundation-prototype-border-box {
+  .border-box {
+    @include border-box;
+  }
+
+  @if ($prototype-border-box-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-border-box {
+            @include border-box;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_border-none.scss

@@ -0,0 +1,35 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-border-none
+////
+
+/// Responsive breakpoints for border none.
+/// @type Boolean
+$prototype-border-none-breakpoints: $global-prototype-breakpoints !default;
+
+/// Border none utility
+@mixin border-none {
+  border: none !important;
+}
+
+@mixin foundation-prototype-border-none {
+  .border-none {
+    @include border-none;
+  }
+
+  @if ($prototype-border-none-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-border-none {
+            @include border-none;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_bordered.scss

@@ -0,0 +1,54 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-bordered
+////
+
+/// Responsive breakpoints for bordered utility.
+/// @type Boolean
+$prototype-bordered-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default value for `prototype-border-width`
+/// @type Number
+$prototype-border-width: rem-calc(1) !default;
+
+/// Default value for `prototype-border-type`
+/// @type String
+$prototype-border-type: solid !default;
+
+/// Default value for `prototype-border-color` defaulted to `medium-gray`
+/// @type Color
+$prototype-border-color: $medium-gray !default;
+
+/// Bordered Utility: Adds a light border to an element by default.
+/// @param {Number} $width [$prototype-border-width] Width of the border
+/// @param {String} $type [$prototype-border-type] Type of the border
+/// @param {Color} $color [$prototype-border-color] Color of the border
+@mixin bordered(
+  $width: $prototype-border-width,
+  $type: $prototype-border-type,
+  $color: $prototype-border-color
+) {
+  border: $width $type $color;
+}
+
+@mixin foundation-prototype-bordered {
+  .bordered {
+    @include bordered;
+  }
+
+  @if ($prototype-bordered-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-bordered {
+            @include bordered;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_box.scss

@@ -0,0 +1,23 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-box
+////
+
+/// Box Mixin: Easily create a square, rectangle or a circle
+/// @param {Number} $width[] Width of the box
+/// @param {Number} $height[$width] Height of the box, defaults to `$width` to easily make a square
+/// @param {Boolean} $circle[false] Makes the box a circle, by default `false`.
+@mixin box(
+  $width, 
+  $height: $width, 
+  $circle: false
+) {
+  width: $width;
+  height: $height;
+  @if $circle {
+    border-radius: 50% !important;
+  }
+}

data/vendor/assets/scss/prototype/_display.scss

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

data/vendor/assets/scss/prototype/_font-styling.scss

@@ -0,0 +1,95 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-font-styling
+////
+
+/// Responsive breakpoints for font styling types
+/// @type Boolean
+$prototype-font-breakpoints: $global-prototype-breakpoints !default;
+
+/// Letter spacing for `.font-wide`
+/// @type Number
+$prototype-wide-letter-spacing: rem-calc(4) !default;
+
+/// Default weight for `.font-normal`, defaulted to `global-weight-normal`
+/// @type Number
+$prototype-font-normal: $global-weight-normal !default;
+
+/// Default weight for `.font-bold`, defaulted to `global-weight-bold`
+/// @type Number
+$prototype-font-bold: $global-weight-bold !default;
+
+/// Font wide letter spacing!
+/// @param {Number} $letter-spacing [$prototype-wide-letter-spacing] Wide letter spacing for the font
+@mixin font-wide(
+  $letter-spacing: $prototype-wide-letter-spacing
+) {
+  letter-spacing: $letter-spacing;
+}
+
+/// Font Weight Normal, default value coming through `global-weight-normal`
+/// @param {Number} $weight [$prototype-font-normal] Weight of the font (normal)
+@mixin font-normal(
+  $weight: $prototype-font-normal
+) {
+  font-weight: $weight;
+}
+
+/// Font Weight Bold, default value coming through `global-weight-bold`
+/// @param {Number} $weight [$prototype-font-bold] Weight of the font (bold)
+@mixin font-bold(
+  $weight: $prototype-font-bold
+) {
+  font-weight: $weight;
+}
+
+/// Font Style Italic
+@mixin font-italic {
+  font-style: italic !important;
+}
+
+@mixin foundation-prototype-font-styling {
+  .font-wide{
+    @include font-wide;
+  }
+
+  .font-normal {
+    @include font-normal;
+  }
+
+  .font-bold {
+    @include font-bold;
+  }
+
+  .font-italic {
+    @include font-italic;
+  }
+
+  @if ($prototype-font-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-font-wide{
+            @include font-wide;
+          }
+
+          .#{$size}-font-normal {
+            @include font-normal;
+          }
+
+          .#{$size}-font-bold {
+            @include font-bold;
+          }
+
+          .#{$size}-font-italic {
+            @include font-italic;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_list-style-type.scss

@@ -0,0 +1,95 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-list-style-type
+////
+
+/// Responsive breakpoints for list styling types
+/// @type Boolean
+$prototype-list-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `style-type-unordered` classes
+/// @type Map
+$prototype-style-type-unordered: (
+  disc,
+  circle,
+  square
+) !default;
+
+/// Map containing all the `style-type-ordered` classes
+/// @type Map
+$prototype-style-type-ordered: (
+  decimal,
+  lower-alpha,
+  lower-latin,
+  lower-roman,
+  upper-alpha,
+  upper-latin,
+  upper-roman
+) !default;
+
+
+/// Style type for unordered Lists, by default coming through a map `$prototype-style-type-unordered`
+/// @param {String} $style-type-unordered [] Style type for unordered Lists
+@mixin style-type-unordered($style-type-unordered) {
+  list-style-type: $style-type-unordered !important;
+}
+
+/// Style type for ordered Lists, by default coming through a map `$prototype-style-type-ordered`
+/// @param {String} $style-type-ordered [] Style type for ordered Lists
+@mixin style-type-ordered($style-type-ordered) {
+  list-style-type: $style-type-ordered !important;
+}
+
+@mixin list-unordered {
+  @each $style-type-unordered in $prototype-style-type-unordered {
+    ul.list-#{$style-type-unordered} {
+      @include style-type-unordered($style-type-unordered);
+    }
+  }
+
+  @if ($prototype-list-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $style-type-unordered in $prototype-style-type-unordered {
+          @if $size != $-zf-zero-breakpoint {
+            ul.#{$size}-list-#{$style-type-unordered} {
+              @include style-type-unordered($style-type-unordered);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin list-ordered {
+  @each $style-type-ordered in $prototype-style-type-ordered {
+    ol.list-#{$style-type-ordered} {
+      @include style-type-ordered($style-type-ordered);
+    }
+  }
+
+  @if ($prototype-list-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $style-type-ordered in $prototype-style-type-ordered {
+          @if $size != $-zf-zero-breakpoint {
+            ol.#{$size}-list-#{$style-type-ordered} {
+              @include style-type-ordered($style-type-ordered);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin foundation-prototype-list-style-type {
+  @include list-unordered;
+  @include list-ordered;
+}

data/vendor/assets/scss/prototype/_overflow.scss

@@ -0,0 +1,72 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-overflow
+////
+
+/// Responsive breakpoints for overflow helper classes
+/// @type Boolean
+$prototype-overflow-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `overflow` classes
+/// @type Map
+$prototype-overflow: (
+  visible,
+  hidden,
+  scroll
+) !default;
+
+/// Overflow classes, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes
+@mixin overflow($overflow) {
+  overflow: $overflow !important;
+}
+
+/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes (horizontal axis)
+@mixin overflow-x($overflow) {
+  overflow-x: $overflow !important;
+}
+
+/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
+/// @param {String} $overflow [] Overflow classes (vertical axis)
+@mixin overflow-y($overflow) {
+  overflow-y: $overflow !important;
+}
+
+@mixin foundation-prototype-overflow {
+  @each $overflow in $prototype-overflow {
+    .overflow-#{$overflow} {
+      @include overflow($overflow);
+    }
+    .overflow-x-#{$overflow} {
+      @include overflow-x($overflow);
+    }
+    .overflow-y-#{$overflow} {
+      @include overflow-y($overflow);
+    }
+  }
+
+  @if ($prototype-overflow-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $overflow in $prototype-overflow {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size}-overflow-#{$overflow} {
+              @include overflow($overflow);
+            }
+            .#{$size}-overflow-x-#{$overflow} {
+              @include overflow-x($overflow);
+            }
+            .#{$size}-overflow-y-#{$overflow} {
+              @include overflow-y($overflow);
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_position.scss

@@ -0,0 +1,114 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-position
+////
+
+/// Responsive breakpoints for position helpers
+/// @type Boolean
+$prototype-position-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `position` classes
+/// @type Map
+$prototype-position: (
+  static,
+  relative,
+  absolute,
+  fixed
+) !default;
+
+/// z-index for fixed positioning
+/// @type Number
+$prototype-position-z-index: 975 !default;
+
+/// Position classes, by default coming through a map `$prototype-position`, whereas all the offset values are multiplied by `$global-position` which by default is equal to `1rem`.
+/// @param {String} $position [] Position classes, Either `static`, `relative`, `absolute` or `fixed`
+/// @param {Number} $top [null] - Top offset
+/// @param {Number} $right [null] - Right offset
+/// @param {Number} $bottom [null] - Bottom offset
+/// @param {Number} $left [null] - Left offset
+@mixin position(
+  $position,
+  $top: null,
+  $right: null,
+  $bottom: null,
+  $left: null
+) {
+  position: $position !important;
+  @if $top != null {
+    top: $top * $global-position !important;
+  }
+  @if $right != null {
+    right: $right * $global-position !important;
+  }
+  @if $bottom != null {
+    bottom: $bottom * $global-position !important;
+  }
+  @if $left != null {
+    left: $left * $global-position !important;
+  }
+}
+
+/// Position Fixed on top corners
+/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-top`
+@mixin position-fixed-top(
+  $z-index: $prototype-position-z-index
+) {
+  @include position(fixed, 0, 0, null, 0);
+  z-index: $z-index;
+}
+
+/// Position Fixed on bottom corners
+/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-bottom`
+@mixin position-fixed-bottom(
+  $z-index: $prototype-position-z-index
+) {
+  @include position(fixed, null, 0, 0, 0);
+  z-index: $z-index;
+}
+
+@mixin foundation-prototype-position {
+  // Position: Static, Relative, Fixed, Absolute
+  @each $position in $prototype-position {
+    .position-#{$position} {
+      @include position($position);
+    }
+  }
+
+  // Position: Fixed Top, Fixed Bottom
+  .position-fixed-top {
+    @include position-fixed-top;
+  }
+  .position-fixed-bottom {
+    @include position-fixed-bottom;
+  }
+
+  @if ($prototype-position-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        // Position: Static, Relative, Fixed, Absolute
+        @each $position in $prototype-position {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size}-position-#{$position} {
+              @include position($position);
+            }
+          }
+        }
+
+        // Position: Fixed Top, Fixed Bottom
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-position-fixed-top {
+            @include position-fixed-top;
+          }
+
+          .#{$size}-position-fixed-bottom {
+            @include position-fixed-bottom;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_prototype.scss

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