jekyll-theme-foundation 0.1.0

data/_sass/scss/prototype/_list-style-type.scss

@@ -0,0 +1,95 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// 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/_sass/scss/prototype/_overflow.scss

@@ -0,0 +1,72 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// 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/_sass/scss/prototype/_position.scss

@@ -0,0 +1,114 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// 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/_sass/scss/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/_sass/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/_sass/scss/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/_sass/scss/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/_sass/scss/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);
+          }
+        }
+      }
+    }
+  }
+}