susy 2.2.14 → 3.0.0.alpha.1

data/sass/susy/language/susy/_bleed.scss

@@ -1,200 +0,0 @@
-// Bleed Syntax
-// ============
-
-// Bleed
-// -----
-// Add negative margins, and equal positive padding to create bleed.
-// - $bleed  : <span>
-@mixin bleed(
-  $bleed: 0 gutter()
-) {
-  $inspect  : $bleed;
-  $output   : get-bleed($bleed);
-
-  @if susy-get(global-box-sizing) != content-box {
-    $output: map-merge((box-sizing: content-box), $output);
-  }
-
-  @include susy-inspect(bleed, $inspect);
-  @include output($output);
-}
-
-
-// Bleed-x
-// -------
-// Shortcut for horizontal bleed.
-// - $bleed  : <span>
-@mixin bleed-x(
-  $bleed: gutter()
-) {
-  $bleed  : parse-span($bleed);
-  $trbl   : susy-get(span, $bleed);
-
-  @if length($trbl) == 1 {
-    $bleed: map-merge($bleed, (span: 0 nth($trbl, 1)));
-  } @else if length($trbl) == 2 {
-    $bleed: map-merge($bleed, (span: 0 nth($trbl, 2) 0 nth($trbl, 1)));
-  } @else {
-    @warn 'bleed-x only takes 2 lengths, but #{length($trbl)} were passed.';
-  }
-
-  @include bleed($bleed);
-}
-
-
-// Bleed-y
-// -------
-// Shortcut for vertical bleed.
-// - $bleed  : <span>
-@mixin bleed-y(
-  $bleed: if(function-exists(rhythm), rhythm(1), 1em)
-) {
-  $bleed  : parse-span($bleed);
-  $trbl   : susy-get(span, $bleed);
-
-  @if length($trbl) == 1 {
-    $bleed: map-merge($bleed, (span: nth($trbl, 1) 0));
-  } @else if length($trbl) == 2 {
-    $bleed: map-merge($bleed, (span: nth($trbl, 1) 0 nth($trbl, 2) 0));
-  } @else {
-    @warn 'bleed-y only takes 2 lengths, but #{length($trbl)} were passed.';
-  }
-
-  @include bleed($bleed);
-}
-
-
-// Get Bleed
-// ---------
-// Return bleed output values
-// - $bleed: <span>
-@function get-bleed(
-  $bleed
-) {
-  $bleed    : map-merge((spread: wide), parse-span($bleed));
-  $trbl     : susy-get(span, $bleed);
-  $short    : null;
-  $output   : ();
-
-  @for $i from 1 through length($trbl) {
-    $this: nth($trbl, $i);
-    $new: ();
-    $margin: null;
-    $padding: null;
-    $padding-x: null;
-
-    @if $this > 0 {
-      $this: map-merge($bleed, (span: $this));
-      $margin: span($this);
-      $padding: $margin;
-      $padding-x: $padding;
-    }
-
-    @if $margin and $margin > 0 {
-      $margin: - $margin;
-
-      @if is-inside($this) {
-        $gutter: gutter($this);
-        $join: if($gutter and comparable($padding, $gutter), true, false);
-        $padding-x: if($join and $padding > 0, $padding + $gutter, $padding);
-      }
-    }
-
-    @if $i == 1 {
-      $new: (
-        margin-top: $margin,
-        padding-top: $padding,
-        margin-right: $margin,
-        padding-right: $padding-x,
-        margin-bottom: $margin,
-        padding-bottom: $padding,
-        margin-left: $margin,
-        padding-left: $padding-x,
-      );
-    } @else if $i == 2 {
-      $new: (
-        margin-right: $margin,
-        padding-right: $padding-x,
-        margin-left: $margin,
-        padding-left: $padding-x,
-      );
-    } @else if $i == 3 {
-      $new: (
-        margin-bottom: $margin,
-        padding-bottom: $padding,
-      );
-    } @else if $i == 4 {
-      $new: (
-        margin-left: $margin,
-        padding-left: $padding-x,
-      );
-    }
-
-    $output: map-merge($output, $new);
-  }
-
-  @each $prop, $value in $output {
-    $output: if($value == 0, map-merge($output, ($prop: null)), $output);
-  }
-
-  @return bleed-shorthand($output);
-}
-
-// Bleed Shorthand
-// ---------------
-// Convert bleed output into shorthand when possible.
-// - $bleed: <output map>
-@function bleed-shorthand(
-  $bleed
-) {
-  $margin: ();
-  $padding: ();
-  $return: ();
-
-  @each $key, $value in $bleed {
-    @if str-index($key, margin) {
-      $margin: map-merge($margin, ($key: $value));
-    } @else if str-index($key, padding) > 0 {
-      $padding: map-merge($padding, ($key: $value));
-    }
-  }
-
-  $props: (
-    margin: $margin,
-    padding: $padding,
-  );
-
-  @each $name, $map in $props {
-    $four: if(length(map-keys($map)) == 4, true, false);
-    $null: if(index(map-values($map), null), true, false);
-
-    @if $four and not($null) {
-      $top: map-get($map, '#{$name}-top');
-      $right: map-get($map, '#{$name}-right');
-      $bottom: map-get($map, '#{$name}-bottom');
-      $left: map-get($map, '#{$name}-left');
-
-      $tb: if($top == $bottom, $top, null);
-      $rl: if($right == $left, $right, null);
-      $all: if($tb == $rl, $tb, null);
-
-      $new: if($all, $all, null);
-
-      @if not($new) {
-        @if $tb and $rl {
-          $new: $tb $rl;
-        } @else if $rl {
-          $new: $top $rl $bottom;
-        } @else {
-          $new: $top $right $bottom $left;
-        }
-      }
-
-      $return: map-merge($return, ($name: $new));
-    } @else {
-      $return: map-merge($return, $map);
-    }
-  }
-
-  @return $return;
-}

data/sass/susy/language/susy/_box-sizing.scss

@@ -1,47 +0,0 @@
-// Susy Box Sizing
-// =================
-
-// Global Box Sizing
-// -----------------
-// Set a box model globally on all elements.
-// - [$box]: border-box | content-box
-// - [$inherit]: true | false
-@mixin global-box-sizing(
-  $box: susy-get(global-box-sizing),
-  $inherit: false
-) {
-  $inspect: $box;
-
-  @if $inherit {
-    @at-root {
-       html { @include output((box-sizing: $box)); }
-       *, *:before, *:after { box-sizing: inherit; }
-     }
-  } @else {
-    *, *:before, *:after { @include output((box-sizing: $box)); }
-  }
-
-  @include susy-inspect(global-box-sizing, $inspect);
-  @include update-box-model($box);
-}
-
-// Border Box Sizing
-// -----------------
-// A legacy shortcut...
-// - [$inherit]: true | false
-@mixin border-box-sizing(
-  $inherit: false
-) {
-  @include global-box-sizing(border-box, $inherit);
-}
-
-// Update Box Model
-// ----------------
-// PRIVATE: Updates global box model setting
-@mixin update-box-model(
-  $box
-) {
-  @if $box != susy-get(global-box-sizing) {
-  @include susy-set(global-box-sizing, $box);
-  }
-}

data/sass/susy/language/susy/_breakpoint-plugin.scss

@@ -1,185 +0,0 @@
-// Breakpoint Integration
-// ======================
-
-$susy-media: () !default;
-$susy-media-fallback: false !default;
-
-$_susy-media-context: ();
-
-
-// Susy Breakpoint
-// ---------------
-// Change grids at different media query breakpoints.
-// - $query     : <min-width> [<max-width>] | <property> <value> | <map>
-// - $layout    : <settings>
-// - $no-query  : <boolean> | <selector>
-@mixin susy-breakpoint(
-  $query,
-  $layout: false,
-  $no-query: $susy-media-fallback
-) {
-  @include susy-media-router($query, $no-query) {
-    @if $layout {
-      @include with-layout($layout) {
-        @content;
-      }
-    } @else {
-      @content;
-    }
-  }
-}
-
-
-// Susy Media
-// ----------
-// - $query: <min-width> [<max-width>] | <property> <value>
-// - $no-query: <boolean> | <selector>
-@mixin susy-media(
-  $query,
-  $no-query: $susy-media-fallback
-) {
-  $old-context: $_susy-media-context;
-  $name: if(map-has-key($susy-media, $query), $query, null);
-  $query: susy-get-media($query);
-  $query: susy-parse-media($query);
-
-  @include susy-media-context($query, $name);
-
-  @if $no-query and type-of($no-query) != string {
-    @content;
-  } @else {
-    @media #{susy-render-media($query)} {
-      @content;
-    }
-
-    @if type-of($no-query) == string {
-      #{$no-query} & {
-        @content;
-      }
-    }
-  }
-
-  @include susy-media-context($old-context, $clean: true);
-}
-
-
-// Media Router
-// ------------
-// Rout media arguments to the correct mixin.
-@mixin susy-media-router(
-  $query,
-  $no-query: $susy-media-fallback
-) {
-  @if susy-support(breakpoint, (mixin: breakpoint), $warn: false) {
-    @include breakpoint($query, $no-query) {
-      @content;
-    }
-  } @else {
-    @include susy-media($query, $no-query) {
-      @content;
-    }
-  }
-}
-
-
-// Update Context
-// -------------
-// Set the new media context
-@mixin susy-media-context(
-  $query,
-  $name: null,
-  $clean: false
-) {
-  $query: map-merge((name: $name), $query);
-
-  @if $clean {
-    $_susy-media-context: $query !global;
-  } @else {
-    $_susy-media-context: map-merge($_susy-media-context, $query) !global;
-  }
-}
-
-
-// Media Context
-// -------------
-// Return the full media context, or a single media property (e.g. min-width)
-@function susy-media-context(
-  $property: false
-) {
-  @if $property {
-    @return map-get($_susy-media-context, $property);
-  } @else {
-    @return $_susy-media-context;
-  }
-}
-
-
-// Get Media
-// ---------
-// Return a named media-query from $susy-media.
-// - $name: <key>
-@function susy-get-media(
-  $name
-) {
-  @if map-has-key($susy-media, $name) {
-    $map-value: map-get($susy-media, $name);
-    @if ($name == $map-value) {
-      $name: $map-value;
-    } @else {
-      $name: susy-get-media($map-value);
-    }
-  }
-
-  @return $name;
-}
-
-
-// Render Media
-// ------------
-// Build a media-query string from various media settings
-@function susy-render-media(
-  $query
-) {
-  $output: null;
-  @each $property, $value in $query {
-    $string: null;
-
-    @if $property == media {
-      $string: $value;
-    } @else {
-      $string: '(#{$property}: #{$value})';
-    }
-
-    $output: if($output, '#{$output} and #{$string}', $string);
-  }
-
-  @return $output;
-}
-
-
-// Parse Media
-// -----------
-// Return parsed media-query settings based on shorthand
-@function susy-parse-media(
-  $query
-) {
-  $mq: null;
-  @if type-of($query) == map {
-    $mq: $query;
-  } @else if type-of($query) == number {
-    $mq: (min-width: $query);
-  } @else if type-of($query) == list and length($query) == 2 {
-    @if type-of(nth($query, 1)) == number {
-      $mq: (
-        min-width: min($query...),
-        max-width: max($query...),
-      );
-    } @else {
-      $mq: (nth($query, 1): nth($query, 2));
-    }
-  } @else {
-    $mq: (media: '#{$query}');
-  }
-
-  @return $mq;
-}

data/sass/susy/language/susy/_container.scss

@@ -1,81 +0,0 @@
-// Container Syntax
-// ================
-
-// Container [mixin]
-// -----------------
-// Set a container element
-// - [$layout]  : <settings>
-@mixin container(
-  $layout: $susy
-) {
-  $inspect    : $layout;
-  $layout     : parse-grid($layout);
-
-  $_width     : get-container-width($layout);
-  $_justify   : parse-container-position(susy-get(container-position, $layout));
-  $_property  : if(susy-get(math, $layout) == static, width, max-width);
-
-  $_box       : susy-get(box-sizing, $layout);
-
-  @if $_box {
-    @include output((box-sizing: $_box));
-  }
-
-  @include susy-inspect(container, $inspect);
-  @include float-container($_width, $_justify, $_property);
-  @include show-grid($layout);
-}
-
-// Container [function]
-// --------------------
-// Return container width
-// - [$layout]  : <settings>
-@function container(
-  $layout: $susy
-) {
-  $layout: parse-grid($layout);
-  @return get-container-width($layout);
-}
-
-// Get Container Width
-// -------------------
-// Calculate the container width
-// - [$layout]: <settings>
-@function get-container-width(
-  $layout: $susy
-) {
-  $layout         : parse-grid($layout);
-  $_width         : susy-get(container, $layout);
-  $_column-width  : susy-get(column-width, $layout);
-  $_math          : susy-get(math, $layout);
-
-  @if not($_width) or $_width == auto {
-    @if valid-column-math($_math, $_column-width) {
-      $_columns   : susy-get(columns, $layout);
-      $_gutters   : susy-get(gutters, $layout);
-      $_spread    : if(is-split($layout), wide, narrow);
-      $_width     : susy-sum($_columns, $_gutters, $_spread) * $_column-width;
-    } @else {
-      $_width: 100%;
-    }
-  }
-
-  @return $_width;
-}
-
-// Parse Container Position
-// ------------------------
-// Parse the $container-position into margin values.
-// - [$justify]   : left | center | right | <length> [<length>]
-@function parse-container-position(
-  $justify: map-get($susy-defaults, container-position)
-) {
-  $_return: if($justify == left, 0, auto) if($justify == right, 0, auto);
-
-  @if not(index(left right center, $justify)) {
-    $_return: nth($justify, 1);
-    $_return: $_return if(length($justify) > 1, nth($justify, 2), $_return);
-  }
-
-  @return $_return;
-}