susy 2.1.2 → 2.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6564f6c6ebae00408fb763ffdb3bda6ef669b9d6
-  data.tar.gz: 50860d92812e7883ebde50f1fd8ddb0a0634ce2c
+  metadata.gz: 41a4f138eb6b42677e40c4c2a17e172bc3ea92b4
+  data.tar.gz: 0e5483a91ece1fd3140eac196f4a1ca6201bdfb0
 SHA512:
-  metadata.gz: ca85a0d51eff08a9b02d7453cd916933eae56b5b6e98d160b5556765aae972be68e5c615dcee7497407c0e4f421eabbe3f0f95ab92d4103e90f96cfa5e1afec5
-  data.tar.gz: 8995cf7863a664cdf6f54a3fa14db746993d51b0ff83a61915d7870e95163eb9a1e86eca0136705fe74d4eb49143f3ffe4f886ce7e0983740375d765ddd9a2ce
+  metadata.gz: d9484ab363b6bf01f9f2e0b33fb380c22124e3df42dfdda246dab9e5c74783a100bac37b2c9e4a34bc872c501c7454b578b2b0c85066bb37ec5a2a4b2de8b0d5
+  data.tar.gz: 129fdfddc59f4ee90a61f6b4d04e16e9767eb2e4b4530dd24dd340eca40ee3dd6e3add08c0c2f91142b33daf9bcca9aaa13b44458304a224c54a37aed1b10862

data/VERSION

@@ -1 +1 @@
-2.1.1
+2.1.2

data/docs/changelog.rst

@@ -1,6 +1,13 @@
 Changelog
 =========
 
+2.1.3 - Jul 16 2014
+-------------------
+
+- Baseline grid image uses `px` instead of `%`.
+- Updated Sass dependency to work with 3.4.
+
+
 2.1.2 - Apr 28 2014
 -------------------
 
@@ -12,6 +19,8 @@ Changelog
   [`Adrien Antoine <https://github.com/Alshten>`_]
 - Compass 1.0 config no longer needs to ``require 'susy'``.
   Susy is registered with Compass automatically.
+- Add ``$clean`` argument to ``layout`` and ``with-layout`` mixins,
+  for creating new layout contexts from a clean slate.
 
 
 2.1.1 - Mar 13 2014

data/sass/susy/language/_susy.scss

@@ -1,7 +1,7 @@
 // Susy Next Syntax
 // ================
 
-$susy-version: 2.0;
+$susy-version: 2.1;
 
 @import "../math";
 @import "../output/float";

data/sass/susy/language/susy/_background.scss

@@ -11,8 +11,10 @@ $susy-overlay-grid-head-exists: false;
 @mixin show-grid(
   $grid: $susy
 ) {
+  $inspect: $grid;
   $_output: debug-get(output, $grid);
 
+  @include susy-inspect(show-grid, $inspect);
   @if $_output == overlay {
     @include overlay-grid($grid);
   } @else {
@@ -33,7 +35,8 @@ $susy-overlay-grid-head-exists: false;
 @mixin background-grid(
   $grid: $susy
 ) {
-  $_output: get-background($grid);
+  $inspect  : $grid;
+  $_output  : get-background($grid);
 
   @if length($_output) > 0 {
     $_flow: susy-get(flow, $grid);
@@ -46,6 +49,7 @@ $susy-overlay-grid-head-exists: false;
     $_output: map-merge($_output, (image: $_image));
 
     @include background-grid-output($_output...);
+    @include susy-inspect(background-grid, $inspect);
   }
 }
 
@@ -343,7 +347,7 @@ $susy-overlay-grid-head-exists: false;
 
         $_image: map-get($_return, image);
         $_size: map-get($_return, size);
-        $_baseline: (baseline: ($_color 5%, rgba($_color, 0) 5%));
+        $_baseline: (baseline: ($_color 1px, rgba($_color, 0) 1px));
         $_baseline-size: 100% $_line-height;
 
         $_return: map-merge($_return, (

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

@@ -8,12 +8,14 @@
 @mixin bleed(
   $bleed: 0 gutter()
 ) {
-  $output: get-bleed($bleed);
+  $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);
 }
 

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

@@ -1,4 +1,4 @@
-// Global Box Sizing
+// Susy Box Sizing
 // =================
 
 // Global Box Sizing
@@ -8,6 +8,9 @@
 @mixin global-box-sizing(
   $box: susy-get(global-box-sizing)
 ) {
+	$inspect: $box;
+
+  @include susy-inspect(global-box-sizing, $inspect);
   *, *:before, *:after { @include output((box-sizing: $box)); }
   @include update-box-model($box);
 }
@@ -26,6 +29,6 @@
   $box
 ) {
   @if $box != susy-get(global-box-sizing) {
-    @include susy-set(global-box-sizing, $box);
+  @include susy-set(global-box-sizing, $box);
   }
 }

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

@@ -8,6 +8,7 @@
 @mixin container(
   $layout: $susy
 ) {
+  $inspect    : $layout;
   $layout     : parse-grid($layout);
 
   $_width     : get-container-width($layout);
@@ -20,6 +21,7 @@
     @include output((box-sizing: $_box));
   }
 
+  @include susy-inspect(container, $inspect);
   @include float-container($_width, $_justify, $_property);
   @include show-grid($layout);
 }

data/sass/susy/language/susy/_context.scss

@@ -24,10 +24,12 @@
 @mixin nested(
   $context
 ) {
+  $inspect  : $context;
   $context  : parse-span($context);
   $old      : susy-get(columns);
   $susy     : map-merge($susy, (columns: nested($context))) !global;
 
+  @include susy-inspect(nested, $inspect);
   @content;
 
   $susy     : map-merge($susy, (columns: $old)) !global;

data/sass/susy/language/susy/_gallery.scss

@@ -10,6 +10,7 @@
   $span,
   $selector: child
 ) {
+  $inspect    : $span;
   $span       : parse-span($span);
   $span       : map-merge($span, (location: 1));
 
@@ -48,6 +49,8 @@
   $box          : susy-get(box-sizing, $span);
   $global-box   : if(susy-get(global-box-sizing) == 'border-box', true, false);
 
+  @include susy-inspect(gallery, $inspect);
+
   // Collective Output
   @if $box == border-box or ($inside and not $box and not $global-box) {
     @include output((box-sizing: border-box));

data/sass/susy/language/susy/_grids.scss

@@ -11,7 +11,10 @@
   $layout,
   $clean: false
 ) {
+  $inspect: $layout;
   $susy: _get-layout($layout, $clean) !global;
+
+  @include susy-inspect(layout, $inspect);
 }
 
 
@@ -24,9 +27,12 @@
   $layout,
   $clean: false
 ) {
+  $inspect: $layout;
   $old: $susy;
   $susy: _get-layout($layout, $clean) !global;
 
+  @include susy-inspect(with-layout, $inspect);
+
   @content;
 
   $susy: $old !global;

data/sass/susy/language/susy/_gutters.scss

@@ -9,8 +9,9 @@
 @mixin gutters(
   $span: $susy
 ) {
-  $span: parse-gutters($span);
-  $_gutters: get-gutters($span);
+  $inspect  : $span;
+  $span     : parse-gutters($span);
+  $_gutters : get-gutters($span);
 
   $_output: (
     before: map-get($_gutters, before),
@@ -18,6 +19,8 @@
     flow: susy-get(flow, $span),
   );
 
+  @include susy-inspect(gutters, $inspect);
+
   @if is-inside($span) {
     @include padding-output($_output...);
   } @else {

data/sass/susy/language/susy/_isolate.scss

@@ -9,12 +9,14 @@
 @mixin isolate(
   $isolate: 1
 ) {
+  $inspect: $isolate;
   $output: (
     push: isolate($isolate),
     flow: susy-get(flow, $isolate),
   );
 
   @include isolate-output($output...);
+  @include susy-inspect(isolate, $inspect);
 }
 
 

data/sass/susy/language/susy/_margins.scss

@@ -8,11 +8,13 @@
 @mixin pre(
   $span
 ) {
+  $inspect: $span;
   $span   : map-merge((spread: wide), parse-span($span));
   $flow   : susy-get(flow, $span);
   $split  : if(susy-get(gutter-position, $span) == split, true, false);
   $width  : if($split, span($span) + gutter($span), span($span));
 
+  @include susy-inspect(pre, $inspect);
   @include margin-output($width, null, $flow);
 }
 
@@ -23,11 +25,13 @@
 @mixin post(
   $span
 ) {
-  $span   : map-merge((spread: wide), parse-span($span));
-  $flow   : susy-get(flow, $span);
-  $split  : if(susy-get(gutter-position, $span) == split, true, false);
-  $width  : if($split, span($span) + gutter($span), span($span));
+  $inspect  : $span;
+  $span     : map-merge((spread: wide), parse-span($span));
+  $flow     : susy-get(flow, $span);
+  $split    : if(susy-get(gutter-position, $span) == split, true, false);
+  $width    : if($split, span($span) + gutter($span), span($span));
 
+  @include susy-inspect(post, $inspect);
   @include margin-output(null, $width, $flow);
 }
 
@@ -48,11 +52,13 @@
 @mixin pull(
   $span
 ) {
-  $span   : map-merge((spread: wide), parse-span($span));
-  $flow   : susy-get(flow, $span);
-  $split  : if(susy-get(gutter-position, $span) == split, true, false);
-  $width  : if($split, 0 - span($span) + gutter($span), 0 - span($span));
+  $inspect  : $span;
+  $span     : map-merge((spread: wide), parse-span($span));
+  $flow     : susy-get(flow, $span);
+  $split    : if(susy-get(gutter-position, $span) == split, true, false);
+  $width    : if($split, 0 - span($span) + gutter($span), 0 - span($span));
 
+  @include susy-inspect(pull, $inspect);
   @include margin-output($width, null, $flow);
 }
 
@@ -65,7 +71,8 @@
   $pre,
   $post: false
 ) {
-  $pre: map-merge((spread: wide), parse-span($pre));
+  $inspect      : $pre, $post;
+  $pre          : map-merge((spread: wide), parse-span($pre));
 
   @if $post {
     $post: map-merge((spread: wide), parse-span($post));
@@ -79,6 +86,7 @@
     }
   }
 
+  @include susy-inspect(squish, $inspect...);
   @include pre($pre);
   @include post($post);
 }

data/sass/susy/language/susy/_padding.scss

@@ -8,15 +8,17 @@
 @mixin prefix(
   $span
 ) {
-  $span   : map-merge((spread: wide), parse-span($span));
-  $flow   : susy-get(flow, $span);
-  $width  : span($span);
+  $inspect  : $span;
+  $span     : map-merge((spread: wide), parse-span($span));
+  $flow     : susy-get(flow, $span);
+  $width    : span($span);
 
   @if is-inside($span) {
     $gutter: gutter($span);
     $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
   }
 
+  @include susy-inspect(prefix, $inspect);
   @include padding-output($width, null, $flow);
 }
 
@@ -27,15 +29,17 @@
 @mixin suffix(
   $span
 ) {
-  $span   : map-merge((spread: wide), parse-span($span));
-  $flow   : susy-get(flow, $span);
-  $width  : span($span);
+  $inspect  : $span;
+  $span     : map-merge((spread: wide), parse-span($span));
+  $flow     : susy-get(flow, $span);
+  $width    : span($span);
 
   @if is-inside($span) {
     $gutter: gutter($span);
     $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
   }
 
+  @include susy-inspect(suffix, $inspect);
   @include padding-output(null, $width, $flow);
 }
 
@@ -48,7 +52,8 @@
   $pre,
   $post: false
 ) {
-  $pre: map-merge((spread: wide), parse-span($pre));
+  $inspect  : $pre, $post;
+  $pre      : map-merge((spread: wide), parse-span($pre));
 
   @if $post {
     $post: map-merge((spread: wide), parse-span($post));
@@ -62,6 +67,8 @@
     }
   }
 
+  @include susy-inspect(pad, $inspect...);
   @include prefix($pre);
   @include suffix($post);
+
 }

data/sass/susy/language/susy/_rows.scss

@@ -1,7 +1,6 @@
 // Row Start & End
 // ===============
 
-
 // Break
 // -----
 // Apply to any element that should force a line break.
@@ -24,6 +23,8 @@
 @mixin full(
   $context: $susy
 ) {
+  $inspect : $context;
+  @include susy-inspect(full, $inspect);
   @include span(full of parse-grid($context) break);
 }
 
@@ -34,9 +35,11 @@
 @mixin first(
   $context: $susy
 ) {
-  $context: parse-grid($context);
-  $flow: susy-get(flow, $context);
+  $inspect  : $context;
+  $context  : parse-grid($context);
+  $flow     : susy-get(flow, $context);
 
+  @include susy-inspect(first, $inspect);
   @if not is-split($context) {
     @include float-first($flow);
   }
@@ -55,7 +58,11 @@
 @mixin last(
   $context: $susy
 ) {
-  $context: parse-grid($context);
+  $inspect  : $context;
+  $context  : parse-grid($context);
+
+  @include susy-inspect(last, $inspect);
+
   $output: (
     flow: susy-get(flow, $context),
     margin: if(is-split($context), null, 0),

data/sass/susy/language/susy/_settings.scss

@@ -1,4 +1,4 @@
-// Susy Next Settings
+// Susy Settings
 // ==================
 
 // Susy Language Defaults
@@ -16,6 +16,7 @@
     color: rgba(#66f, .25),
     output: background,
     toggle: top right,
+    inspect: false,
   ),
 ));
 
@@ -39,6 +40,7 @@ $susy-keywords: (
   clear: break nobreak,
   debug image: show hide show-columns show-baseline,
   debug output: background overlay,
+  debug inspect: inspect,
 );
 
 

data/sass/susy/language/susy/_span.scss

@@ -8,6 +8,7 @@
 @mixin span(
   $span
 ) {
+  $inspect: $span;
   $span: parse-span($span);
   $output: span-math($span);
   $nesting: susy-get(span, $span);
@@ -23,6 +24,7 @@
     @include nobreak;
   }
 
+  @include susy-inspect(span, $inspect);
   @include output((box-sizing: $box));
   @include float-span-output($output...);
 

data/sass/susy/language/susyone/_functions.scss

@@ -246,9 +246,9 @@ $rem-with-px-fallback               : true !default;
 
 // This name will be deprecated...
 @function absolute-ems(
-  $ems, 
+  $ems,
   $font-size: $base-font-size
-){ 
+){
   @return base-ems( $ems, $font-size);
   }
 
@@ -340,7 +340,7 @@ $rem-with-px-fallback               : true !default;
 // Return the nearest layout (column-count) above a given breakpoint.
 //
 // $min : The min-width media-query breakpoint above which to establish a new layout.
-@function get-layout( 
+@function get-layout(
   $min
 ) {
   $min      : fix-ems($min);

data/sass/susy/output/_shared.scss

@@ -3,9 +3,13 @@
 
 @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/shared/_inspect.scss

@@ -0,0 +1,19 @@
+// Susy Debug
+// ----------------
+// 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/support/_support.scss

@@ -13,7 +13,6 @@
   ),
 ));
 
-
 // Susy Support [mixin]
 // --------------------
 // Send property-value pairs to the proper support modules.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: susy
 version: !ruby/object:Gem::Version
-  version: 2.1.2
+  version: 2.1.3
 platform: ruby
 authors:
 - Eric Suzanne
@@ -19,16 +19,22 @@ dependencies:
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.3.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.3.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.5'
 description: Susy is a toolkit for building layouts of all types with a simple, natural
   syntax.
 email:
@@ -92,6 +98,7 @@ files:
 - sass/susy/output/shared/_background.scss
 - sass/susy/output/shared/_container.scss
 - sass/susy/output/shared/_direction.scss
+- sass/susy/output/shared/_inspect.scss
 - sass/susy/output/shared/_margins.scss
 - sass/susy/output/shared/_output.scss
 - sass/susy/output/shared/_padding.scss