jekyll-theme-foundation 0.1.0

data/_sass/scss/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;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/scss/prototype/_sizing.scss

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

@@ -0,0 +1,204 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// 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;
+  }
+}
+
+@mixin foundation-prototype-spacing {
+  @for $spacer from 0 through $prototype-spacers-count {
+    // All Sides
+    .margin-#{$spacer} {
+      @include margin($spacer, $spacer, $spacer, $spacer);
+    }
+
+    .padding-#{$spacer} {
+      @include padding($spacer, $spacer, $spacer, $spacer);
+    }
+
+    // Top Side
+    .margin-top-#{$spacer} {
+      @include margin($spacer, null, null, null);
+    }
+
+    .padding-top-#{$spacer} {
+      @include padding($spacer, null, null, null);
+    }
+
+    // Right Side
+    .margin-right-#{$spacer} {
+      @include margin(null, $spacer, null, null);
+    }
+
+    .padding-right-#{$spacer} {
+      @include padding(null, $spacer, null, null);
+    }
+
+    // Bottom Side
+    .margin-bottom-#{$spacer} {
+      @include margin(null, null, $spacer, null);
+    }
+
+    .padding-bottom-#{$spacer} {
+      @include padding(null, null, $spacer, null);
+    }
+
+    // Left Side
+    .margin-left-#{$spacer} {
+      @include margin(null, null, null, $spacer);
+    }
+
+    .padding-left-#{$spacer} {
+      @include padding(null, null, null, $spacer);
+    }
+
+    // Horizontal Axes
+    .margin-horizontal-#{$spacer} {
+      @include margin(null, $spacer, null, $spacer);
+    }
+
+    .padding-horizontal-#{$spacer} {
+      @include padding(null, $spacer, null, $spacer);
+    }
+
+    // Vertical Axes
+    .margin-vertical-#{$spacer} {
+      @include margin($spacer, null, $spacer, null)
+    }
+
+    .padding-vertical-#{$spacer} {
+      @include padding($spacer, null, $spacer, null)
+    }
+
+    @if ($prototype-spacing-breakpoints) {
+    // Loop through Responsive Breakpoints
+      @each $size in $breakpoint-classes {
+        @include breakpoint($size) {
+          @if $size != $-zf-zero-breakpoint {
+            // All Sides
+            .#{$size}-margin-#{$spacer} {
+              @include margin($spacer, $spacer, $spacer, $spacer);
+            }
+
+            .#{$size}-padding-#{$spacer} {
+              @include padding($spacer, $spacer, $spacer, $spacer);
+            }
+
+            // Top Side
+            .#{$size}-margin-top-#{$spacer} {
+              @include margin($spacer, null, null, null);
+            }
+
+            .#{$size}-padding-top-#{$spacer} {
+              @include padding($spacer, null, null, null);
+            }
+
+            // Right Side
+            .#{$size}-margin-right-#{$spacer} {
+              @include margin(null, $spacer, null, null);
+            }
+
+            .#{$size}-padding-right-#{$spacer} {
+              @include padding(null, $spacer, null, null);
+            }
+
+            // Bottom Side
+            .#{$size}-margin-bottom-#{$spacer} {
+              @include margin(null, null, $spacer, null);
+            }
+
+            .#{$size}-padding-bottom-#{$spacer} {
+              @include padding(null, null, $spacer, null);
+            }
+
+            // Left Side
+            .#{$size}-margin-left-#{$spacer} {
+              @include margin(null, null, null, $spacer);
+            }
+
+            .#{$size}-padding-left-#{$spacer} {
+              @include padding(null, null, null, $spacer);
+            }
+
+            // Horizontal Axes
+            .#{$size}-margin-horizontal-#{$spacer} {
+              @include margin(null, $spacer, null, $spacer);
+            }
+
+            .#{$size}-padding-horizontal-#{$spacer} {
+              @include padding(null, $spacer, null, $spacer);
+            }
+
+            // Vertical Axes
+            .#{$size}-margin-vertical-#{$spacer} {
+              @include margin($spacer, null, $spacer, null)
+            }
+
+            .#{$size}-padding-vertical-#{$spacer} {
+              @include padding($spacer, null, $spacer, null)
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/scss/prototype/_text-decoration.scss

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

data/_sass/scss/prototype/_text-transformation.scss

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

data/_sass/scss/prototype/_text-utilities.scss

@@ -0,0 +1,88 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-utilities
+////
+
+/// Responsive breakpoints for text utilities
+/// @type Boolean
+$prototype-utilities-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default Value for `text-overflow` variable
+/// @type String
+$prototype-text-overflow: ellipsis !default;
+
+/// Image Replacement utility. `text-hide`
+@mixin text-hide {
+  font: 0/0 a !important;
+  color: transparent !important;
+  text-shadow: none !important;
+  background-color: transparent !important;
+  border: 0 !important;
+}
+
+/// Truncating the text, elipsis by default.
+/// @param {String} $overflow [$prototype-text-overflow] Text Truncate
+@mixin text-truncate(
+  $overflow: $prototype-text-overflow
+) {
+  max-width: 100% !important;
+  overflow: hidden !important;
+  text-overflow: $overflow; 
+  white-space: nowrap !important;
+}
+
+/// No wrapping of the text. `text-nowrap`
+@mixin text-nowrap {
+  white-space: nowrap !important;
+}
+
+/// Wrapping of the text. `text-wrap`
+@mixin text-wrap {
+  word-wrap: break-word !important;
+}
+
+@mixin foundation-prototype-text-utilities {
+  .text-hide {
+    @include text-hide;
+  }
+
+  .text-truncate {
+    @include text-truncate;
+  }
+
+  .text-nowrap {
+    @include text-nowrap;
+  }
+
+  .text-wrap {
+    @include text-wrap;
+  }
+
+  @if ($prototype-utilities-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-text-hide {
+            @include text-hide;
+          }
+
+          .#{$size}-text-truncate {
+            @include text-truncate;
+          }
+
+          .#{$size}-text-nowrap {
+            @include text-nowrap;
+          }
+
+          .#{$size}-text-wrap {
+            @include text-wrap;
+          }
+        }
+      }
+    }
+  }
+}