susy 1.0.5 → 1.0.6

data/CHANGELOG.mkdn

@@ -1,6 +1,15 @@
 Susy Changelog
 ==============
 
+v1.0.6 [March 18, 2013]
+---------------------
+
+* Add `isolate` and `isolate-grid` mixins.
+* Add `bleed` mixin.
+* Add `$style` argument to grid mixins.
+* Fix documentation typos.
+* Switch from `#` to `*` in legacy-ie hacks.
+
 v1.0.5 [Nov 27, 2012]
 ---------------------
 

data/Manifest

@@ -9,6 +9,7 @@ sass/_susy.scss
 sass/susy/_background.scss
 sass/susy/_functions.scss
 sass/susy/_grid.scss
+sass/susy/_isolation.scss
 sass/susy/_margin.scss
 sass/susy/_media.scss
 sass/susy/_padding.scss
@@ -21,14 +22,18 @@ templates/project/manifest.rb
 templates/project/screen.scss
 test/config.rb
 test/css/background.css
+test/css/bleed.css
 test/css/functions.css
 test/css/grid.css
+test/css/isolation.css
 test/css/margin.css
 test/css/media.css
 test/css/padding.css
 test/scss/background.scss
+test/scss/bleed.scss
 test/scss/functions.scss
 test/scss/grid.scss
+test/scss/isolation.scss
 test/scss/margin.scss
 test/scss/media.scss
 test/scss/padding.scss

data/VERSION

@@ -1 +1 @@
-1.0.5
+1.0.6

data/sass/_susy.scss

@@ -9,6 +9,7 @@
 @import "susy/settings";
 @import "susy/functions";
 @import "susy/grid";
+@import "susy/isolation";
 @import "susy/padding";
 @import "susy/margin";
 @import "susy/media";

data/sass/susy/_background.scss

@@ -12,7 +12,7 @@
 // Uses all your settings to create a grid background for a container element.
 // Note: Sub-pixel rounding can lead to several pixels of variation between browsers.
 @mixin susy-grid-background(){
-  @include column-grid-background($total-columns, column(), gutter(), 0%);
+  @include column-grid-background($total-columns, column(), gutter(), 0);
   @include background-origin(content-box);
   @include background-clip(content-box);
 }

data/sass/susy/_functions.scss

@@ -11,6 +11,24 @@ $browser-default-font-size-pt       : 12pt;
 
 $rem-with-px-fallback               : true !default;
 
+// ---------------------------------------------------------------------------
+// Sass list Functions
+
+// Return a list with specific items removed
+//
+// filter($list, $target)
+// - $list    : The list to filter.
+// - $target  : An item to be removed from the list.
+@function filter($list, $target) {
+  $clean: compact();
+  @if index($list, $target) {
+    @each $item in $list {
+      $clean: if($item == $target, $clean, append($clean, $item));
+    }
+  } @else { $clean: $list; }
+  @return $clean;
+}
+
 // ---------------------------------------------------------------------------
 // Grid Functions
 
@@ -67,30 +85,36 @@ $rem-with-px-fallback               : true !default;
 // Return the percentage width of a single column in a given 'context'.
 //
 //  $context  : The grid context in columns, if nested.
+//  $style    : The container style to use.
 @function column(
-  $context : $total-columns
+  $context  : $total-columns,
+  $style    : $container-style
 ) {
-  @return relative-width($column-width, $context);
+  @return if($style == static, $column-width, relative-width($column-width, $context));
 }
 
 // Return the percentage width of multiple 'columns' in a given 'context'.
 //
 //  $columns  : The number of columns to get relative width for.
 //  $context  : The grid context in columns, if nested.
+//  $style    : The container style to use.
 @function columns(
   $columns,
-  $context : $total-columns
+  $context  : $total-columns,
+  $style    : $container-style
 ) {
-  @return relative-width(columns-width($columns), $context);
+  @return if($style == static, columns-width($columns), relative-width(columns-width($columns), $context));
 }
 
 // Return the percentage width of a single gutter in a given 'context'.
 //
 //  $context  : The grid context in columns, if nested.
+//  $style    : The container style to use.
 @function gutter(
-  $context : $total-columns
+  $context  : $total-columns,
+  $style    : $container-style
 ) {
-  @return relative-width($gutter-width, $context);
+  @return if($style == static, $gutter-width, relative-width($gutter-width, $context));
 }
 
 // Return the percentage width of a given value in a given 'context'.
@@ -105,15 +129,17 @@ $rem-with-px-fallback               : true !default;
 }
 
 // Return the total space occupied by multiple columns and associated gutters.
-// Useful for adding padding or margins (preifx, suffix, push, pull, etc.)
+// Useful for adding padding or margins (prefix, suffix, push, pull, etc.)
 //
 //  $columns  : The number of columns to get relative space for.
 //  $context  : The grid context in columns, if nested.
+//  $style    : The container style to use.
 @function space(
   $columns,
-  $context : $total-columns
+  $context  : $total-columns,
+  $style    : $container-style
 ) {
-  @return columns($columns, $context) + if($columns >= 1, gutter($context), 0);
+  @return columns($columns, $context, $style) + if($columns >= 1, gutter($context), 0);
 }
 
 // Accept a list including column-count and (optional) position.

data/sass/susy/_grid.scss

@@ -106,19 +106,20 @@
 //          : Padding is only output if one or two values are specified (e.g. 1em or 10px 20px)
 //          : Padding values are applied only on the horizontal axis in from-to order
 // $from    : The start direction of your layout (e.g. 'left' for ltr languages)
-
+// $style   : The container style to use.
 @mixin span-columns(
   $columns,
   $context       : $total-columns,
   $padding       : false,
-  $from          : $from-direction
+  $from          : $from-direction,
+  $style         : $container-style
 ) {
   $from     : unquote($from);
   $to       : opposite-position($from);
   $pos      : split-columns-value($columns,position);
   $cols     : split-columns-value($columns,columns);
-  $pad-from : relative-width(0 * $gutter-width, $context);
-  $pad-to   : relative-width(0 * $gutter-width, $context);
+  $pad-from : if($style == static, 0 * $gutter-width, relative-width(0 * $gutter-width, $context));
+  $pad-to   : if($style == static, 0 * $gutter-width, relative-width(0 * $gutter-width, $context));
 
   @if $padding != false {
     $pad-from : nth($padding, 1);
@@ -129,23 +130,21 @@
       $pad-to: $pad-from;
     }
 
-    $pad-from : relative-width($pad-from, $context);
-    $pad-to   : relative-width($pad-to, $context);
+    $pad-from : if($style == static, $pad-from, relative-width($pad-from, $context));
+    $pad-to   : if($style == static, $pad-to, relative-width($pad-to, $context));
 
     padding-#{$from}: $pad-from;
     padding-#{$to}: $pad-to;
   }
 
-  width: columns($cols, $context) - if($border-box-sizing, 0, $pad-to + $pad-from);
+  width: columns($cols, $context, $style) - if($border-box-sizing, 0, $pad-to + $pad-from);
 
   @if ($pos == 'omega') {
     @include omega($from);
   } @else {
     float: $from;
-    margin-#{$to}: gutter($context);
-    @if $legacy-support-for-ie6 {
-      display: inline;
-    }
+    margin-#{$to}: gutter($context, $style);
+    @if $legacy-support-for-ie6 { display: inline; }
   }
 }
 
@@ -164,7 +163,7 @@
   margin-#{$to}: 0;
 
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    #margin-#{$hack}: - $gutter-width;
+    *margin-#{$hack}: - $gutter-width;
     @if $legacy-support-for-ie6 { display: inline; }
   }
 }
@@ -204,7 +203,7 @@
   margin-#{$to}: auto;
 
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    #margin-#{$hack}: auto;
+    *margin-#{$hack}: auto;
     @if $legacy-support-for-ie6 { display: block; }
   }
 }
@@ -214,19 +213,21 @@
 //
 // $context : [optional] The context (columns spanned by parent).
 // $from    : The start-direction for your document.
+// $style   : The container style to use.
 @mixin remove-omega(
   $context  : $total-columns,
-  $from     : $from-direction
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from   : unquote($from);
   $to     : opposite-position($from);
   $hack   : opposite-position($omega-float);
 
   float: $from;
-  margin-#{$to}: gutter($context);
+  margin-#{$to}: gutter($context, $style);
 
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    #margin-#{$hack}: auto;
+    *margin-#{$hack}: auto;
   }
 }
 
@@ -236,16 +237,20 @@
 // $selector  : [child | last-child | of-type | last-of-type ]
 // $context   : [optional] The context (columns spanned by parent).
 // $from      : The start-direction for your document.
+// $style     : The container style to use.
 @mixin remove-nth-omega(
   $n        : last,
   $selector : child,
   $context  : $total-columns,
-  $from     : $from-direction
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
   $ie: if($n == "first", true, false);
   @include adjust-support-for($ie6: $ie, $ie7: $ie, $ie8: $ie) {
-    &:#{format-nth($n,$selector)} { @include remove-omega($context,$from); }
+    &:#{format-nth($n,$selector)} {
+      @include remove-omega($context, $from, $style);
+    }
   }
 }
 

data/sass/susy/_isolation.scss

@@ -0,0 +1,48 @@
+// ---------------------------------------------------------------------------
+// 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: $container-style
+) {
+  $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).
+// $from      : The start direction of your layout (e.g. 'left' for ltr languages)
+@mixin isolate-grid(
+  $columns,
+  $context: $total-columns,
+  $from: $from-direction,
+  $style: $container-style
+) {
+  $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}';
+    &:nth-child(#{$nth}) {
+      margin-#{$from}: space($location - 1, $context, $style);
+      @if $location == 1 { clear: $from; }
+
+      $location: $location + $columns;
+      @if $location > $context { $location: 1; }
+    }
+  }
+}

data/sass/susy/_margin.scss

@@ -8,20 +8,23 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
-  margin-#{$from}: space($columns,$context);
+  margin-#{$from}: space($columns, $context, $style);
 }
 
 // 'push' is a synonymn for 'pre'
 @mixin push(
   $columns,
   $context  : $total-columns,
-  $from     : $from-direction
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
   @include pre($columns,$context,$from)
@@ -34,13 +37,15 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
-  margin-#{$from}: 0 - space($columns, $context);
+  margin-#{$from}: 0 - space($columns, $context, $style);
 }
 
 // Apply 'columns' margin after an element to contain it in a grid.
@@ -50,14 +55,16 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
   $to : opposite-position($from);
-  margin-#{$to}: space($columns,$context);
+  margin-#{$to}: space($columns, $context, $style);
 }
 
 // Apply 'columns' before and/or after an element to contain it on a grid.
@@ -68,17 +75,19 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
   @if $pre {
-    @include pre($pre,$context,$from)
+    @include pre($pre, $context, $from, $style)
   }
   @if $post {
-    @include post($post,$context,$from)
+    @include post($post, $context, $from, $style)
   }
 }

data/sass/susy/_padding.scss

@@ -7,13 +7,15 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from           : unquote($from);
-  padding-#{$from}: space($columns, $context);
+  padding-#{$from}: space($columns, $context, $style);
 }
 
 // add empty colums as padding after an element.
@@ -22,14 +24,16 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from         : unquote($from);
   $to           : opposite-position($from);
-  padding-#{$to}: space($columns, $context);
+  padding-#{$to}: space($columns, $context, $style);
 }
 
 // add empty colums as padding before and after an element.
@@ -38,17 +42,51 @@
 //          : 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
+  $from     : $from-direction,
+  $style    : $container-style
 ) {
   $from     : unquote($from);
   @if $prefix {
-    @include prefix($prefix, $context, $from);
+    @include prefix($prefix, $context, $from, $style);
   }
   @if $suffix {
-    @include suffix($suffix, $context, $from);
+    @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: $container-style
+) {
+  @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/sass/susy/_settings.scss

@@ -18,7 +18,6 @@ $grid-padding       : $gutter-width   !default;
 // From Direction:
 // Controls for right-to-left or bi-directional sites.
 $from-direction     : left            !default;
-$from-direction     : unquote($from-direction);
 
 // Omega Float Direction:
 // The direction that +omega elements are floated by deafult.
@@ -50,8 +49,8 @@ $border-box-sizing  : false           !default;
 // 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;
-$breakpoint-ie-output     : true;
+$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;
+$breakpoint-raw-output    : false     !default;

data/susy.gemspec

@@ -2,15 +2,15 @@
 
 Gem::Specification.new do |s|
   s.name = "susy"
-  s.version = "1.0.5"
+  s.version = "1.0.6"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Eric Meyer"]
-  s.date = "2012-11-28"
+  s.date = "2013-03-18"
   s.description = "Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way."
   s.email = "eric@oddbird.net"
   s.extra_rdoc_files = ["CHANGELOG.mkdn", "LICENSE.txt", "README.md", "lib/susy.rb"]
-  s.files = ["CHANGELOG.mkdn", "LICENSE.txt", "Manifest", "README.md", "Rakefile", "VERSION", "lib/susy.rb", "sass/_susy.scss", "sass/susy/_background.scss", "sass/susy/_functions.scss", "sass/susy/_grid.scss", "sass/susy/_margin.scss", "sass/susy/_media.scss", "sass/susy/_padding.scss", "sass/susy/_settings.scss", "sass/susy/_support.scss", "sass/susy/_units.scss", "susy.gemspec", "templates/project/_base.scss", "templates/project/manifest.rb", "templates/project/screen.scss", "test/config.rb", "test/css/background.css", "test/css/functions.css", "test/css/grid.css", "test/css/margin.css", "test/css/media.css", "test/css/padding.css", "test/scss/background.scss", "test/scss/functions.scss", "test/scss/grid.scss", "test/scss/margin.scss", "test/scss/media.scss", "test/scss/padding.scss"]
+  s.files = ["CHANGELOG.mkdn", "LICENSE.txt", "Manifest", "README.md", "Rakefile", "VERSION", "lib/susy.rb", "sass/_susy.scss", "sass/susy/_background.scss", "sass/susy/_functions.scss", "sass/susy/_grid.scss", "sass/susy/_isolation.scss", "sass/susy/_margin.scss", "sass/susy/_media.scss", "sass/susy/_padding.scss", "sass/susy/_settings.scss", "sass/susy/_support.scss", "sass/susy/_units.scss", "susy.gemspec", "templates/project/_base.scss", "templates/project/manifest.rb", "templates/project/screen.scss", "test/config.rb", "test/css/background.css", "test/css/bleed.css", "test/css/functions.css", "test/css/grid.css", "test/css/isolation.css", "test/css/margin.css", "test/css/media.css", "test/css/padding.css", "test/scss/background.scss", "test/scss/bleed.scss", "test/scss/functions.scss", "test/scss/grid.scss", "test/scss/isolation.scss", "test/scss/margin.scss", "test/scss/media.scss", "test/scss/padding.scss"]
   s.homepage = "http://susy.oddbird.net/"
   s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Susy", "--main", "README.md"]
   s.require_paths = ["lib"]

data/test/css/bleed.css

@@ -0,0 +1,20 @@
+.bleed-columns {
+  margin-left: -25.42373%;
+  padding-left: 25.42373%;
+  margin-right: -25.42373%;
+  padding-right: 25.42373%;
+}
+
+.bleed-length {
+  margin-left: -3em;
+  padding-left: 3em;
+  margin-right: -3em;
+  padding-right: 3em;
+}
+
+.bleed-sides {
+  margin-top: -4%;
+  padding-top: 4%;
+  margin-bottom: -4%;
+  padding-bottom: 4%;
+}

data/test/css/grid.css

@@ -37,7 +37,7 @@
   width: 49.15254%;
   float: right;
   margin-right: 0;
-  #margin-left: -1em;
+  *margin-left: -1em;
   display: inline;
 }
 
@@ -47,7 +47,7 @@
   width: 44.0678%;
   float: right;
   margin-right: 0;
-  #margin-left: -1em;
+  *margin-left: -1em;
   display: inline;
 }
 
@@ -55,14 +55,14 @@
   float: none;
   width: auto;
   margin-right: auto;
-  #margin-left: auto;
+  *margin-left: auto;
   display: block;
 }
 
 .omega {
   float: right;
   margin-right: 0;
-  #margin-left: -1em;
+  *margin-left: -1em;
   display: inline;
 }
 
@@ -74,7 +74,7 @@
 .remove-omega {
   float: left;
   margin-right: 1.69492%;
-  #margin-left: auto;
+  *margin-left: auto;
 }
 
 .remove-nth-omega:last-child {
@@ -111,6 +111,6 @@
   width: 49.15254%;
   float: right;
   margin-right: 0;
-  #margin-left: -1em;
+  *margin-left: -1em;
   display: inline;
 }

data/test/css/isolation.css

@@ -0,0 +1,25 @@
+.isolate {
+  margin-right: -100%;
+  margin-left: 16.94915%;
+}
+
+.isolate-grid {
+  width: 24.05063%;
+  float: left;
+  margin-right: 1.26582%;
+  display: inline;
+  margin-right: -100%;
+}
+.isolate-grid:nth-child(4n + 1) {
+  margin-left: 0%;
+  clear: left;
+}
+.isolate-grid:nth-child(4n + 2) {
+  margin-left: 25.31646%;
+}
+.isolate-grid:nth-child(4n + 3) {
+  margin-left: 50.63291%;
+}
+.isolate-grid:nth-child(4n + 4) {
+  margin-left: 75.94937%;
+}

data/test/scss/bleed.scss

@@ -0,0 +1,19 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Bleed
+
+.bleed-columns {
+  @include bleed(3);
+}
+
+.bleed-length {
+  @include bleed(3em);
+}
+
+.bleed-sides {
+  @include bleed(4%, top bottom);
+}

data/test/scss/isolation.scss

@@ -0,0 +1,15 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Isolation
+
+.isolate {
+  @include isolate(3);
+}
+
+.isolate-grid {
+  @include isolate-grid(4,16);
+}

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: susy
 version: !ruby/object:Gem::Version 
-  hash: 29
+  hash: 27
   prerelease: 
   segments: 
   - 1
   - 0
-  - 5
-  version: 1.0.5
+  - 6
+  version: 1.0.6
 platform: ruby
 authors: 
 - Eric Meyer
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-11-28 00:00:00 Z
+date: 2013-03-18 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
@@ -72,6 +72,7 @@ files:
 - sass/susy/_background.scss
 - sass/susy/_functions.scss
 - sass/susy/_grid.scss
+- sass/susy/_isolation.scss
 - sass/susy/_margin.scss
 - sass/susy/_media.scss
 - sass/susy/_padding.scss
@@ -84,14 +85,18 @@ files:
 - templates/project/screen.scss
 - test/config.rb
 - test/css/background.css
+- test/css/bleed.css
 - test/css/functions.css
 - test/css/grid.css
+- test/css/isolation.css
 - test/css/margin.css
 - test/css/media.css
 - test/css/padding.css
 - test/scss/background.scss
+- test/scss/bleed.scss
 - test/scss/functions.scss
 - test/scss/grid.scss
+- test/scss/isolation.scss
 - test/scss/margin.scss
 - test/scss/media.scss
 - test/scss/padding.scss