susy 1.0.9 → 2.2.14

data/sass/susy/{_settings.scss → language/susyone/_settings.scss}

@@ -42,6 +42,10 @@ $container-style    : magic           !default;
 // and simply apply the border-box-sizing mixin.
 $border-box-sizing  : false           !default;
 
+// Pixel Values only:
+// Make sure only pixel values are set for the container width.
+$pixel-values-only  : false           !default;
+
 // ---------------------------------------------------------------------------
 // IE Settings
 

data/sass/susy/output/_float.scss

@@ -0,0 +1,9 @@
+// Float API
+// =========
+
+@import "shared";
+
+@import "float/container";
+@import "float/span";
+@import "float/end";
+@import "float/isolate";

data/sass/susy/output/_shared.scss

@@ -0,0 +1,15 @@
+// Shared API
+// ==========
+
+@import "support";
+
+@import "shared/inspect";
+@import "shared/output";
+@import "shared/direction";
+@import "shared/background";
+@import "shared/container";
+@import "shared/margins";
+@import "shared/padding";
+
+
+

data/sass/susy/output/_support.scss

@@ -0,0 +1,9 @@
+// Susy Browser Support
+// ====================
+
+@import "support/support";
+@import "support/prefix";
+@import "support/background";
+@import "support/box-sizing";
+@import "support/rem";
+@import "support/clearfix";

data/sass/susy/output/float/_container.scss

@@ -0,0 +1,16 @@
+// Float Container API
+// ===================
+
+// Float Container
+// ---------------
+// - [$width]         : <length>
+// - [$justify]       : left | center | right
+// - [$math]   : fluid | static
+@mixin float-container(
+  $width,
+  $justify: auto auto,
+  $property: max-width
+) {
+  @include susy-clearfix;
+  @include container-output($width, $justify, $property);
+}

data/sass/susy/output/float/_end.scss

@@ -0,0 +1,40 @@
+// Float Ends API
+// ==============
+
+// Susy End Defaults
+// -----------------
+// - PRIVATE
+@include susy-defaults((
+  last-flow: to,
+));
+
+// Float Last
+// ----------
+// - [$flow]  : ltr | rtl
+@mixin float-last(
+  $flow: map-get($susy-defaults, flow),
+  $last-flow: map-get($susy-defaults, last-flow),
+  $margin: 0
+) {
+  $to: to($flow);
+
+  $output: (
+    float: if($last-flow == to, $to, null),
+    margin-#{$to}: $margin,
+  );
+
+  @include output($output);
+}
+
+// Float First
+// -----------
+// - [$flow]  : ltr | rtl
+@mixin float-first(
+  $flow: map-get($susy-defaults, flow)
+) {
+  $output: (
+    margin-#{from($flow)}: 0,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/float/_isolate.scss

@@ -0,0 +1,22 @@
+// Float Isolation API
+// ===================
+
+// Isolate Output
+// --------------
+// - $push    : <length>
+// - [$flow]  : ltr | rtl
+@mixin isolate-output(
+  $push,
+  $flow: map-get($susy-defaults, flow)
+) {
+  $to: to($flow);
+  $from: from($flow);
+
+  $output: (
+    float: $from,
+    margin-#{$from}: $push,
+    margin-#{$to}: -100%,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/float/_span.scss

@@ -0,0 +1,35 @@
+// Float Span API
+// ==============
+
+// Float Span Output
+// -----------------
+// - $width             : <length>
+// - [$float]           : from | to
+// - [$margin-before]   : <length>
+// - [$margin-after]    : <length>
+// - [$padding-before]  : <length>
+// - [$padding-after]   : <length>
+// - [$flow]            : ltr | rtl
+@mixin float-span-output(
+  $width,
+  $float            : from,
+  $margin-before    : null,
+  $margin-after     : null,
+  $padding-before   : null,
+  $padding-after    : null,
+  $flow             : map-get($susy-defaults, flow)
+) {
+  $to     : to($flow);
+  $from   : from($flow);
+
+  $output: (
+    width: $width,
+    float: if($float == to, $to, null) or if($float == from, $from, null),
+    margin-#{$from}: $margin-before,
+    margin-#{$to}: $margin-after,
+    padding-#{$from}: $padding-before,
+    padding-#{$to}: $padding-after,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/shared/_background.scss

@@ -0,0 +1,26 @@
+// Grid Background API
+// ===================
+// - Sub-pixel rounding can lead to several pixels variation between browsers.
+
+// Grid Background Output
+// ----------------------
+// - $image: background-image
+// - $size: background-size
+// - $clip: background-clip
+// - [$flow]: ltr | rtl
+@mixin background-grid-output (
+  $image,
+  $size: null,
+  $clip: null,
+  $flow: map-get($susy-defaults, flow)
+) {
+  $output: (
+    background-image: $image,
+    background-size: $size,
+    background-origin: $clip,
+    background-clip: $clip,
+    background-position: from($flow) top,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/shared/_container.scss

@@ -0,0 +1,21 @@
+// Shared Container API
+// ====================
+
+// Container Output
+// ----------------
+// - [$width]         : <length>
+// - [$justify]       : left | center | right
+// - [$math]          : fluid | static
+@mixin container-output(
+  $width,
+  $justify: auto auto,
+  $property: max-width
+) {
+  $output: (
+    #{$property}: $width or 100%,
+    margin-left: nth($justify, 1),
+    margin-right: nth($justify, 2),
+  );
+
+  @include output($output);
+}

data/sass/susy/output/shared/_direction.scss

@@ -0,0 +1,42 @@
+// Direction Helpers
+// =================
+
+// Susy Flow Defaults
+// ------------------
+// - PRIVATE
+@include susy-defaults((
+  flow: ltr,
+));
+
+// Get Direction
+// -------------
+// Return the 'from' or 'to' direction of a ltr or rtl flow.
+// - [$flow]  : ltr | rtl
+// - [$key]   : from | to
+@function get-direction(
+  $flow: map-get($susy-defaults, flow),
+  $key: from
+) {
+  $return: if($flow == rtl, (from: right, to: left), (from: left, to: right));
+  @return map-get($return, $key);
+}
+
+// To
+// --
+// Return the 'to' direction of a flow
+// - [$flow]  : ltr | rtl
+@function to(
+  $flow: map-get($susy-defaults, flow)
+) {
+  @return get-direction($flow, to);
+}
+
+// From
+// ----
+// Return the 'from' direction of a flow
+// - [$flow]  : ltr | rtl
+@function from(
+  $flow: map-get($susy-defaults, flow)
+) {
+  @return get-direction($flow, from);
+}

data/sass/susy/output/shared/_inspect.scss

@@ -0,0 +1,25 @@
+// Debugging
+// =========
+
+// Susy Inspect
+// ------------
+// Output arguments passed to a inspect.
+// - $mixin  : <susy mixin>
+// - $inspec   : <mixin arguments>
+
+@mixin susy-inspect(
+  $mixin,
+  $inspect
+) {
+  $show: false;
+
+  @each $item in $inspect {
+    @if index($item, inspect) {
+      $show: true;
+    }
+  }
+
+  @if $show or susy-get(debug inspect) {
+    -susy-#{$mixin}: inspect($inspect);
+  }
+}

data/sass/susy/output/shared/_margins.scss

@@ -0,0 +1,23 @@
+// Margins API
+// ===========
+
+// Margin Output
+// -------------
+// - $before  : <length>
+// - $after   : <length>
+// - [$flow]  : ltr | rtl
+@mixin margin-output(
+  $before,
+  $after,
+  $flow: map-get($susy-defaults, flow)
+) {
+  $to: to($flow);
+  $from: from($flow);
+
+  $output: (
+    margin-#{$from}: $before,
+    margin-#{$to}: $after,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/shared/_output.scss

@@ -0,0 +1,14 @@
+// Output
+// ======
+
+// Output
+// ------
+// Output CSS with proper browser support.
+// - $styles  : <map of css property-value pairs>
+@mixin output(
+  $styles
+) {
+  @each $prop, $val in $styles {
+    @include susy-support($prop, $val);
+  }
+}

data/sass/susy/output/shared/_padding.scss

@@ -0,0 +1,23 @@
+// Padding API
+// ===========
+
+// Padding Output
+// --------------
+// - $before  : <length>
+// - $after   : <length>
+// - [$flow]  : ltr | rtl
+@mixin padding-output(
+  $before,
+  $after,
+  $flow: map-get($susy-defaults, flow)
+) {
+  $to: to($flow);
+  $from: from($flow);
+
+  $output: (
+    padding-#{$from}: $before,
+    padding-#{$to}: $after,
+  );
+
+  @include output($output);
+}

data/sass/susy/output/support/_background.scss

@@ -0,0 +1,58 @@
+// Background Properties
+// =====================
+
+// Susy Background Image
+// ---------------------
+// Check for an existing support mixin, or provide a simple fallback.
+// - $image: <background-image>
+@mixin susy-background-image(
+  $image
+) {
+  @if susy-support(background-image, (mixin: background-image), $warn: false) {
+    @include background-image($image...);
+  } @else {
+    background-image: $image;
+  }
+}
+
+// Susy Background Size
+// ---------------------
+// Check for an existing support mixin, or provide a simple fallback.
+// - $image: <background-size>
+@mixin susy-background-size(
+  $size
+) {
+  @if susy-support(background-options, (mixin: background-size)) {
+    @include background-size($size);
+  } @else {
+    background-size: $size;
+  }
+}
+
+// Susy Background Origin
+// ----------------------
+// Check for an existing support mixin, or provide a simple fallback.
+// - $image: <background-origin>
+@mixin susy-background-origin(
+  $origin
+) {
+  @if susy-support(background-options, (mixin: background-origin)) {
+    @include background-origin($origin);
+  } @else {
+    background-origin: $origin;
+  }
+}
+
+// Susy Background Clip
+// --------------------
+// Check for an existing support mixin, or provide a simple fallback.
+// - $image: <background-clip>
+@mixin susy-background-clip(
+  $clip
+) {
+  @if susy-support(background-options, (mixin: background-clip)) {
+    @include background-clip($clip);
+  } @else {
+    background-clip: $clip;
+  }
+}

data/sass/susy/output/support/_box-sizing.scss

@@ -0,0 +1,19 @@
+// Box Sizing
+// ==========
+
+// Box Sizing
+// ----------
+// Check for an existing support mixin, or provide a simple fallback.
+// - $model: <box-sizing>
+@mixin susy-box-sizing(
+  $model: content-box
+) {
+  @if $model {
+    @if susy-support(box-sizing, (mixin: box-sizing), $warn: false) {
+      @include box-sizing($model);
+    } @else {
+      $prefix: (moz, webkit, official);
+      @include susy-prefix(box-sizing, $model, $prefix);
+    }
+  }
+}

data/sass/susy/output/support/_clearfix.scss

@@ -0,0 +1,18 @@
+// Susy Fallback Clearfix
+// ======================
+
+
+// Clearfix
+// --------
+// Check for an existing support mixin, or provide a simple fallback.
+@mixin susy-clearfix {
+  @if susy-support(clearfix, (mixin: clearfix)) {
+    @include clearfix;
+  } @else {
+    &:after {
+      content: " ";
+      display: block;
+      clear: both;
+    }
+  }
+}