wrgem 0.0.1

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/language/susyone/_isolation.scss

@@ -0,0 +1,51 @@
+// ---------------------------------------------------------------------------
+// Isolation
+
+// Isolate the position of a grid element (use in addition to span-columns)
+//
+// $location  : The grid column to isolate in, relative to the container;
+// $context   : [optional] The context (columns spanned by parent).
+// $from      : The start direction of your layout (e.g. 'left' for ltr languages)
+@mixin isolate(
+  $location,
+  $context: $total-columns,
+  $from: $from-direction,
+  $style: fix-static-misalignment()
+) {
+  $to: opposite-position($from);
+  margin-#{$to}: -100%;
+  margin-#{$from}: space($location - 1, $context, $style);
+}
+
+// Isolate a group of elements in a grid, using nth-child selectors
+//
+// $columns       : The column-width of each item on the grid;
+// $context       : [optional] The context (columns spanned by parent).
+// $selector      : [child | of-type | last-of-type ] (default is 'child')
+// $from          : The start direction of your layout (e.g. 'left' for ltr languages)
+@mixin isolate-grid(
+  $columns,
+  $context: $total-columns,
+  $selector: 'child',
+  $from: $from-direction,
+  $style: fix-static-misalignment()
+) {
+  $to: opposite-position($from);
+  $location: 1;
+  $line: floor($context / $columns);
+
+  @include span-columns($columns, $context, $from: $from, $style: $style);
+  margin-#{$to}: -100%;
+
+  @for $item from 1 through $line {
+    $nth: '#{$line}n + #{$item}';
+    &:#{format-nth($nth,$selector)} {
+      margin-#{$from}: space($location - 1, $context, $style);
+      @if $location == 1 { clear: $from; }
+      @else { clear: none; }
+
+      $location: $location + $columns;
+      @if $location > $context { $location: 1; }
+    }
+  }
+}

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/language/susyone/_margin.scss

@@ -0,0 +1,93 @@
+// ---------------------------------------------------------------------------
+// Margin Mixins
+
+// Apply 'columns' margin before an element to push it along the grid.
+//
+// $columns : The number of columns to span.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin pre(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  margin-#{$from}: space($columns, $context, $style);
+}
+
+// 'push' is a synonymn for 'pre'
+@mixin push(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  @include pre($columns, $context, $from, $style);
+}
+
+// Apply negative 'columns' margin before an element to pull it along the grid.
+//
+// $columns : The number of columns to span.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin pull(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  margin-#{$from}: 0 - space($columns, $context, $style);
+}
+
+// Apply 'columns' margin after an element to contain it in a grid.
+//
+// $columns : The number of columns to span.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin post(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  $to : opposite-position($from);
+  margin-#{$to}: space($columns, $context, $style);
+}
+
+// Apply 'columns' before and/or after an element to contain it on a grid.
+//
+// $pre     : The number of columns to add as margin before.
+// $post    : The number of columns to add as margin after.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin squish(
+  $pre      : false,
+  $post     : false,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  @if $pre {
+    @include pre($pre, $context, $from, $style)
+  }
+  @if $post {
+    @include post($post, $context, $from, $style)
+  }
+}

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/language/susyone/_media.scss

@@ -0,0 +1,105 @@
+// ---------------------------------------------------------------------------
+// Media Mixins
+
+// Create a new layout context for (@content) descendants.
+//
+// $layout-cols : a (unitless) number of columns to use for this layout.
+@mixin layout(
+  $layout-cols
+) {
+  // store default $total-columns setting for later, then change it.
+  $default-layout   : $total-columns;
+  $total-columns    : $layout-cols !global;
+
+  // apply children in this new layout context.
+  @content;
+
+  // return to default $total-columns setting.
+  $total-columns    : $default-layout !global;
+}
+
+// Nest a block of code inside a new media-query and layout context.
+//
+// $media-layout  : a list of values [$min $layout $max $ie] including...
+//                : - one unitless number (columns in a layout)
+//                : - two optional lengths (min and max-width media-query breakpoints).
+//                : - one optional boolean or string to trigger fallback support for IE.
+// $font-size     : [optional] The base font-size of your layout, if you are using ems.
+//                : - defaults to $base-font-size
+@mixin at-breakpoint(
+  $media-layout,
+  $font-size: $base-font-size
+) {
+  $media-layout : medialayout($media-layout,$font-size);
+  $min          : nth($media-layout,1);
+  $layout       : nth($media-layout,2);
+  $max          : nth($media-layout,3);
+  $ie           : nth($media-layout,4);
+
+  @if (not $breakpoint-media-output) and (not $breakpoint-ie-output) and (not $breakpoint-raw-output) {
+    @warn "Either $breakpoint-media-output, $breakpoint-ie-output, or $breakpoint-raw-output must be true for at-breakpoint to work.";
+  }
+
+  // We need to have either a min-width breakpoint or a layout in order to proceed.
+  @if $min or $layout or $max {
+
+    // If we don't have a layout, we create one based on the min-width.
+    @if not $layout {
+      $layout: get-layout($min);
+    }
+
+    // If we still don't have a layout, we have a problem.
+    @if $layout {
+      // Set our new layout context.
+      @include layout($layout) {
+        @if $breakpoint-media-output {
+          @include with-browser-ranges(css-mediaqueries) {
+            @if $min and $max {
+              // Both $min and $max
+              @media (min-width: $min) and (max-width: $max) {
+                @content;
+              }
+            } @else {
+              @if (not $min) and (not $max) {
+                // Neither $min nor $max:
+                // We can create a breakpoint based on the number of columns in the layout.
+                $min: fix-ems(container-outer-width($width: false));
+              }
+              @if $min {
+                // Min only:
+                @media (min-width: $min) {
+                  @content;
+                }
+              } @else {
+                // Max only:
+                @media (max-width: $max) {
+                  @content;
+                }
+              }
+            }
+          }
+        }
+        // Set an IE fallback
+        @if $ie and $breakpoint-ie-output {
+          @if (type-of($ie) == 'bool') {
+            $ie: 'lt-ie9';
+          }
+          .#{$ie} & {
+            @content;
+          }
+        }
+
+        @if $breakpoint-raw-output {
+          @content;
+        }
+      }
+    } @else {
+      @warn "We were unable to determine a layout for your breakpoint.";
+    }
+
+  } @else {
+    @warn "You need to provide either a valid layout (number of columns)
+    or a valid media-query min-width breakpoint (length).";
+  }
+
+}

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/language/susyone/_padding.scss

@@ -0,0 +1,92 @@
+// ---------------------------------------------------------------------------
+// Padding Mixins
+
+// add empty colums as padding before an element.
+// $columns : The number of columns to prefix.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin prefix(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from           : unquote($from);
+  padding-#{$from}: space($columns, $context, $style);
+}
+
+// add empty colums as padding after an element.
+// $columns : The number of columns to suffix.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin suffix(
+  $columns,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from         : unquote($from);
+  $to           : opposite-position($from);
+  padding-#{$to}: space($columns, $context, $style);
+}
+
+// add empty colums as padding before and after an element.
+// $columns : The number of columns to pad.
+// $context : [optional] The context (columns spanned by parent).
+//          : Context is required on any nested elements.
+//          : Context MUST NOT be declared on a root element.
+// $from    : The start direction of your layout (e.g. 'left' for ltr languages)
+// $style   : The container style to use.
+@mixin pad(
+  $prefix   : false,
+  $suffix   : false,
+  $context  : $total-columns,
+  $from     : $from-direction,
+  $style    : fix-static-misalignment()
+) {
+  $from     : unquote($from);
+  @if $prefix {
+    @include prefix($prefix, $context, $from, $style);
+  }
+  @if $suffix {
+    @include suffix($suffix, $context, $from, $style);
+  }
+}
+
+// Bleed into colums with margin/padding on any side of an element.
+// $width   : The side of the bleed.
+//          : Any unit-length will be used directly.
+//          : Any unitless number will be used as a column-count.
+//          : Use "2 of 6" format to represent 2 cals in a 6-col nested context.
+// $sides   : One or more sides to bleed [ top | right | bottom | left | all ].
+// $style   : The container style to use.
+@mixin bleed(
+  $width: $grid-padding,
+  $sides: left right,
+  $style: fix-static-misalignment()
+) {
+  @if $border-box-sizing { @include box-sizing(content-box) }
+
+  @if type-of($width) == 'list' {
+    $width: filter($width, of);
+    $width: space(nth($width,1), nth($width,2), $style);
+  } @else if unitless($width) {
+    $width: space($width, $style: $style);
+  }
+
+  @if $sides == 'all' {
+    margin: - $width;
+    padding: $width;
+  } @else {
+    @each $side in $sides {
+      margin-#{$side}: - $width;
+      padding-#{$side}: $width;
+    }
+  }
+}

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/language/susyone/_settings.scss

@@ -0,0 +1,56 @@
+// ---------------------------------------------------------------------------
+// Susy Settings
+
+// The total number of columns in the grid
+$total-columns      : 12              !default;
+
+// The width of columns and gutters.
+// These must all be set with the comparable units.
+$column-width       : 4em             !default;
+$gutter-width       : 1em             !default;
+
+// Padding on the left and right of a Grid Container.
+$grid-padding       : $gutter-width   !default;
+
+// ---------------------------------------------------------------------------
+// Advanced Settings
+
+// From Direction:
+// Controls for right-to-left or bi-directional sites.
+$from-direction     : left            !default;
+
+// Omega Float Direction:
+// The direction that +omega elements are floated by deafult.
+$omega-float        : opposite-position($from-direction)    !default;
+
+// Container Width:
+// Override the total width of your grid, using any length (50em, 75%, etc.)
+$container-width    : false           !default;
+
+// Container Style:
+// 'magic'  - Static (fixed or elastic) when there's enough space,
+//            fluid when there isn't. This is the SUSY MAGIC SAUCE(TM).
+// 'static' - Forces the grid container to remain static at all times.
+// 'fluid'  - Forces the grid to remain fluid at all times.
+//            (this will overrule any static $container-width settings)
+$container-style    : magic           !default;
+
+// Border-Box Sizing
+// Adjust the grid math appropriately for box-sizing: border-box;
+// Warning: This does not actually apply the new box model!
+// In most cases you can ignore this setting,
+// and simply apply the border-box-sizing mixin.
+$border-box-sizing  : false           !default;
+
+// ---------------------------------------------------------------------------
+// IE Settings
+
+// When you are using a seperate IE stylesheet,
+// you can use these settings to control the output of at-breakpoint.
+// By default, at-breakpoint will output media-queries as well as
+// any defined ie-fallback classes.
+$breakpoint-media-output  : true      !default;
+$breakpoint-ie-output     : true      !default;
+
+// Danger Zone! Only set as 'true' in IE-specific style sheets.
+$breakpoint-raw-output    : false     !default;

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/math/_su.scss

@@ -0,0 +1,7 @@
+// Su
+// ==
+
+@import "su/maps";
+@import "su/settings";
+@import "su/validation";
+@import "su/grid";

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/math/su/_grid.scss

@@ -0,0 +1,139 @@
+// Column math
+// ===========
+
+
+// Is Symmetrical
+// --------------
+// Returns true if a grid is symmetrical.
+// - [$columns]   : <number> | <list>
+@function is-symmetrical(
+  $columns: map-get($susy-defaults, columns)
+) {
+  $columns: valid-columns($columns);
+  @return if(type-of($columns) == number, $columns, null);
+}
+
+
+// Susy Count
+// ----------
+// Find the number of columns in a given layout
+// - [$columns]   : <number> | <list>
+@function susy-count(
+  $columns: map-get($susy-defaults, columns)
+) {
+  $columns: valid-columns($columns);
+  @return is-symmetrical($columns) or length($columns);
+}
+
+@function column-count(
+  $columns: map-get($susy-defaults, columns)
+) {
+  @warn "[function] column-count() has been renamed susy-count().";
+  @return susy-count($columns);
+}
+
+
+// Susy Sum
+// --------
+// Find the total sum of column-units in a layout
+// - [$columns]   : <number> | <list>
+// - [$gutters]   : <ratio>
+// - [$spread]    : false/narrow | wide | wider
+@function susy-sum(
+  $columns  : map-get($susy-defaults, columns),
+  $gutters  : map-get($susy-defaults, gutters),
+  $spread   : false
+) {
+  $columns: valid-columns($columns);
+  $gutters: valid-gutters($gutters);
+
+  $spread: if($spread == wide, 0, if($spread == wider, 1, -1));
+  $gutter-sum: (susy-count($columns) + $spread) * $gutters;
+  $column-sum: is-symmetrical($columns);
+
+  @if not $column-sum {
+    @each $column in $columns {
+      $column-sum: ($column-sum or 0) + $column;
+    }
+  }
+
+  @return $column-sum + $gutter-sum;
+}
+
+@function column-sum(
+  $columns  : map-get($susy-defaults, columns),
+  $gutters  : map-get($susy-defaults, gutters),
+  $spread   : false
+) {
+  @warn "[function] column-sum() has been renamed susy-sum().";
+  @return susy-sum($columns, $gutters, $spread);
+}
+
+
+// Susy Slice
+// ----------
+// Return a subset of columns at a given location.
+// - $span        : <number>
+// - $location    : <number>
+// - [$columns]   : <number> | <list>
+@function susy-slice(
+  $span,
+  $location,
+  $columns: map-get($susy-defaults, columns)
+) {
+  $columns: valid-columns($columns);
+  $sub-columns: $span;
+
+  @if not is-symmetrical($columns) {
+    $location: $location or 1;
+    $sub-columns: ();
+    @for $i from $location to ($location + $span) {
+      $sub-columns: append($sub-columns, nth($columns, $i));
+    }
+  }
+
+  @return $sub-columns;
+}
+
+@function column-span(
+  $span,
+  $location,
+  $columns: map-get($susy-defaults, columns)
+) {
+  @warn "[function] column-span() has been renamed susy-slice().";
+  @return susy-slice($span, $location, $columns);
+}
+
+
+// Susy
+// ----
+// Find the sum of a column-span.
+// - $span        : <number>
+// - $location    : <number>
+// - [$columns]   : <number> | <list>
+// - [$gutters]   : <ratio>
+// - [$spread]    : false/narrow | wide | wider
+@function susy(
+  $span,
+  $location     : false,
+  $columns      : map-get($susy-defaults, columns),
+  $gutters      : map-get($susy-defaults, gutters),
+  $spread       : false
+) {
+  $columns: valid-columns($columns);
+  $gutters: valid-gutters($gutters);
+  $span: susy-slice($span, $location, $columns);
+
+  @return susy-sum($span, $gutters, $spread);
+}
+
+@function column-span-sum(
+  $span,
+  $location     : false,
+  $columns      : map-get($susy-defaults, columns),
+  $gutters      : map-get($susy-defaults, gutters),
+  $spread       : false
+) {
+  @warn "[function] column-span-sum() has been renamed susy().";
+  @return susy($span, $location, $columns, $gutters, $spread);
+}

data/lib/generators/wrstart/template/vendor/assets/components/susy/sass/susy/math/su/_maps.scss

@@ -0,0 +1,110 @@
+// Map Functions
+// =============
+
+
+// Truncate List
+// -------------
+// - Return a list, truncated to a given length
+@function _susy-truncate-list(
+  $list,
+  $length
+) {
+  $_return: ();
+
+  @for $i from 1 through length($list) {
+    $_return: if($i <= $length, append($_return, nth($list, $i)), $_return);
+  }
+
+  @return $_return;
+}
+
+
+// Deep Get
+// --------
+// - Return a value deep in nested maps
+@function _susy-deep-get(
+  $map,
+  $keys...
+) {
+  $_return: $map;
+
+  @each $key in $keys {
+    @if type-of($_return) == map {
+      $_return: map-get($_return, $key);
+    }
+  }
+
+  @return $_return;
+}
+
+
+// Deep Set
+// --------
+// - Set a value deep in nested maps
+@function _susy-deep-set(
+  $map,
+  $keys-value...
+) {
+  $_value: nth($keys-value, -1);
+  $_keys: _susy-truncate-list($keys-value, length($keys-value) - 1);
+  $_length: length($_keys);
+  $_return: ();
+
+  @for $i from 1 through $_length {
+    $_n: 0 - $i;
+    $_level: _susy-truncate-list($_keys, $_length + $_n);
+    $_level: _susy-deep-get($map, $_level...);
+    $_merge: (nth($_keys, $_n): $_value);
+    $_return: if($_level, map-merge($_level, $_merge), $_merge);
+    $_value: $_return;
+  }
+
+  @return $_return;
+}
+
+
+// Deep Merge
+// ----------
+// Return 2 objects of any depth, merged
+@function _susy-deep-merge(
+  $map1,
+  $map2
+) {
+
+  @if type-of($map1) != map or type-of($map2) != map {
+    $map1: $map2;
+  } @else {
+    @each $key, $value in $map2 {
+      $_new: ($key: _susy_deep-merge(map-get($map1, $key), $value));
+      $map1: map-merge($map1, $_new);
+    }
+  }
+
+  @return $map1;
+}
+
+
+// Deep Has-Key
+// ------------
+// - Return true if a deep key exists
+@function _susy-deep-has-key(
+  $map,
+  $keys...
+) {
+  $_return: null;
+  $_stop: false;
+
+  @each $key in $keys {
+    @if not $_stop {
+      $_return: map-has-key($map, $key);
+    }
+
+    @if $_return {
+      $map: map-get($map, $key);
+    } @else {
+      $_stop: true;
+    }
+  }
+
+  @return $_return;
+}