compass-susy-plugin 0.8.1 → 0.9.alpha.1

data/LICENSE.txt

@@ -1,4 +1,4 @@
-Copyright (c) 2009, Eric Meyer
+Copyright (c) 2011, Eric Meyer
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

data/Manifest

@@ -6,18 +6,10 @@ VERSION
 compass-susy-plugin.gemspec
 lib/susy.rb
 lib/susy/compass_plugin.rb
-lib/susy/sass_extensions.rb
 sass/susy/_grid.scss
-sass/susy/_inline_block_list.scss
-sass/susy/_reset.scss
 sass/susy/_susy.scss
-sass/susy/_text.scss
 sass/susy/_utils.scss
-sass/susy/_vertical_rhythm.scss
 templates/project/_base.scss
-templates/project/_defaults.scss
 templates/project/grid.png
-templates/project/ie.scss
 templates/project/manifest.rb
-templates/project/print.scss
 templates/project/screen.scss

data/README.mkdn

@@ -28,9 +28,7 @@ Create a Susy-based Compass Project
 
     compass create <project name> -r susy -u susy
 
-Then edit your `_base.scss`, `_defaults.scss`, `screen.scss` and `print.scss`
-files accordingly. A reset is added automatically, and includes support for
-HTML5 elements.
+Then edit your `_base.scss` and `screen.scss` files accordingly.
 
 Philosophy and Goals
 ====================
@@ -78,17 +76,11 @@ Grid Basics
         $gutter-width: 1em; /* 1em (16px) gutters between columns */
         $side-gutter-width: $gutter-width; /* 1em (16px) padding at the edges of the page as well */
 
-* Set defaults for all the important HTML tags in `_defaults.scss`. It's
-  better than using the browser defaults. And better than using ours.
-
-* Create your grid in `screen.scss`: apply the `@include susy` mixin at the
-  top level and the `@include container` mixin to the element(s) that contains
-  the page grid. This will set up your font sizes, vertical rhythm, and grid
-  container.
+* Create your grid in `screen.scss`: apply the `container` mixin to the 
+  element(s) that contains the page grid. This will set up your font sizes
+  and grid container.
 
     Example:
-
-        @include susy;
      
         #page {
           @include container; 
@@ -96,32 +88,23 @@ Grid Basics
     
     CSS Output:
     
-        body {
-          font-size: 100%;
-          line-height: 1.5em;
-        }
-        html > body {
-          font-size: 16px;
-        }
-
-        #page { 
-          *zoom: 1; 
-          margin-left: auto; 
-          margin-right: auto; 
-          width: 61em; 
-          max-width: 100%; 
+        #page {
+          *zoom: 1;
+          margin: auto;
+          width: 61em;
+          max-width: 100%;
         }
-        #page:after { 
-          content: "\0020"; 
-          display: block; 
-          height: 0; 
-          clear: both; 
-          overflow: hidden; 
-          visibility: hidden; 
+        #page:after {
+          content: "\0020";
+          display: block;
+          height: 0;
+          clear: both;
+          overflow: hidden;
+          visibility: hidden;
         }
 
-* Use the `@include columns` mixin to declare the width in columns of an
-  element, or `@include full` for any element spanning the full width of its
+* Use the `columns` mixin to declare the width in columns of an
+  element, or `full` for any element spanning the full width of its
   context.
 
   There is an important distinction between "root" and "nested" contexts in
@@ -151,11 +134,11 @@ Grid Basics
 
   *Note:* Context _must not_ be passed at the root level, and _must_ be passed at nested levels.
 
-* Use `@include alpha` and `@include omega` to declare elements which include
+* Use `alpha` and `omega` to declare elements which include
   the first or last column within their parent element.
   
-  *Note:* `@include alpha` is _only_ needed in the root level, and does
-  nothing in nested contexts. Neither is needed with an `@include full` element.
+  *Note:* `alpha` is _only_ needed in the root level, and does
+  nothing in nested contexts. Neither is needed with an `full` element.
   
     The `alpha` and `omega` mixins:
     
@@ -193,9 +176,9 @@ Grid Basics
   spans, right-margins to set the getter, and both side margins to set the
   side-gutters on root `alpha` and `omega` elements.
 
-* Use `@include prefix` or `@include suffix` to pad (in columns) the width of
-  an element using left and right padding, or `@include pad` to give both `@include
-  prefix` and `@include suffix` at once.
+* Use `prefix` or `suffix` to pad (in columns) the width of
+  an element using left and right padding, or `pad` to give both `prefix` and 
+  `@suffix` at once.
   
     The `prefix`, `suffix` and `pad` mixins:
     
@@ -264,30 +247,11 @@ Check out the tutorial at [susy.oddbird.net/tutorial/](http://susy.oddbird.net/t
 Extra Utility Mixins 
 =====================
 
-Extra utilities are included in Susy's `_utils.scss` and `_vertical_rhythm.scss`:
+Extra utilities are included in Susy's `_utils.scss`:
 
-* `@include show-grid($src)` - Repeat the specified grid image on an element.
+* `show-grid($src)` - Repeat the specified grid image on an element.
   Good for testing your baseline and grid.
 
-* `@include adjust-font-size-to($to_size, [$lines, $from_size])` - adjust the
-  font size and number of baseline (line) units to occupy.
-
-* `@include leader([$lines, $font_size, $property])` and `@include
-  trailer([$lines, $font_size, $property])` - add leading or trailing
-  whitespace to an element. These are added as top and bottom margins (by
-  default) that keep your vertical rhythm intact. You can also send "padding"
-  as the `$property` or use `@include padding-leader` and `@include
-  padding-trailer`. Be aware that this may conflict with uses of
-  rhythm-borders.
-
-* `@include leading-border([$width, $lines, $font_size, $style])` and
-  `@include trailing-border([$width, $lines, $font_size, $style])` will
-  combine border and padding to create borders that also keep the vertical
-  rhythm going. The defaults are `1px, 1, $base_font_size, 'solid'`. Also
-  available: `@include horizontal-borders` (for both leading and trailing),
-  and `@include rhythm-borders` for applying equal borders and padding to all
-  sides of a box.
-
 
 Advanced Options
 ================
@@ -307,7 +271,8 @@ advanced options hidden inside. Here are a few:
 
 * `columns($number, $context)` returns the span of `$number` columns in
   `$context` as a percentage. This span includes any gutters between the
-  columns spanned.
+  columns spanned. `column($context)` is also available as a single-column
+  shortcut.
 
     Example:
         
@@ -315,19 +280,5 @@ advanced options hidden inside. Here are a few:
           padding-left: columns(3,5);
         }
 
-* `side_gutter()` is also available and takes no arguments since it is always
-  used at the top nesting level.
-
-* `$px2em` is a variable that represents the height of one pixel as a fraction
-  of your base em-height. Multiply it with your target pixel value to
-  represent that value in ems. Note that this is only accurate at your
-  `$base_font_size`.
-
-    Example:
-    
-        #nav {
-          border-bottom: {
-            style: solid;
-            width: $px2em*2px;
-          };
-        }
+* `side_gutter()` returns the percentage width of a side-gutter and takes no 
+  arguments since it can always used at the top nesting level.

data/Rakefile

@@ -1,6 +1,5 @@
 require 'fileutils'
 require 'sass'
-require 'lib/susy/sass_extensions'
 
 begin
   require 'echoe'
@@ -11,7 +10,7 @@ begin
     p.url = "http://susy.oddbird.net/"
     p.author = "Eric Meyer"
     p.email = "eric@oddbird.net"
-    p.dependencies = ["compass >=0.10.0"]
+    p.dependencies = ["compass >=0.11.beta.2"]
     p.has_rdoc = false
   end
  

data/VERSION

@@ -1 +1 @@
-0.8.1
+0.9.alpha.1

data/compass-susy-plugin.gemspec

@@ -2,32 +2,31 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-susy-plugin}
-  s.version = "0.8.1"
+  s.version = "0.9.alpha.1"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Eric Meyer"]
-  s.date = %q{2010-09-24}
+  s.date = %q{2011-02-15}
   s.description = %q{Responsive web design with grids the quick and reliable way.}
   s.email = %q{eric@oddbird.net}
-  s.extra_rdoc_files = ["LICENSE.txt", "README.mkdn", "lib/susy.rb", "lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb"]
-  s.files = ["LICENSE.txt", "Manifest", "README.mkdn", "Rakefile", "VERSION", "compass-susy-plugin.gemspec", "lib/susy.rb", "lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "sass/susy/_grid.scss", "sass/susy/_inline_block_list.scss", "sass/susy/_reset.scss", "sass/susy/_susy.scss", "sass/susy/_text.scss", "sass/susy/_utils.scss", "sass/susy/_vertical_rhythm.scss", "templates/project/_base.scss", "templates/project/_defaults.scss", "templates/project/grid.png", "templates/project/ie.scss", "templates/project/manifest.rb", "templates/project/print.scss", "templates/project/screen.scss"]
+  s.extra_rdoc_files = ["LICENSE.txt", "README.mkdn", "lib/susy.rb", "lib/susy/compass_plugin.rb"]
+  s.files = ["LICENSE.txt", "Manifest", "README.mkdn", "Rakefile", "VERSION", "compass-susy-plugin.gemspec", "lib/susy.rb", "lib/susy/compass_plugin.rb", "sass/susy/_grid.scss", "sass/susy/_susy.scss", "sass/susy/_utils.scss", "templates/project/_base.scss", "templates/project/grid.png", "templates/project/manifest.rb", "templates/project/screen.scss"]
   s.homepage = %q{http://susy.oddbird.net/}
   s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-susy-plugin", "--main", "README.mkdn"]
   s.require_paths = ["lib"]
   s.rubyforge_project = %q{compass-susy-plugin}
-  s.rubygems_version = %q{1.3.6}
+  s.rubygems_version = %q{1.5.2}
   s.summary = %q{A responsive grid system plugin for Compass.}
 
   if s.respond_to? :specification_version then
-    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
     s.specification_version = 3
 
-    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<compass>, [">= 0.10.0"])
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<compass>, [">= 0.11.beta.2"])
     else
-      s.add_dependency(%q<compass>, [">= 0.10.0"])
+      s.add_dependency(%q<compass>, [">= 0.11.beta.2"])
     end
   else
-    s.add_dependency(%q<compass>, [">= 0.10.0"])
+    s.add_dependency(%q<compass>, [">= 0.11.beta.2"])
   end
 end

data/lib/susy.rb

@@ -1,2 +1 @@
-require File.join(File.dirname(__FILE__), 'susy', 'compass_plugin')
-require File.join(File.dirname(__FILE__), 'susy', 'sass_extensions')
+require File.join(File.dirname(__FILE__), 'susy', 'compass_plugin')

data/sass/susy/_grid.scss

@@ -1,5 +1,6 @@
 //** Susy Grid **//
 
+// Variables -----------------------------------------------------------------
 
 // Your basic settings for the grid.
 // Override these in base.sass to customize your site.
@@ -8,27 +9,80 @@ $col-width: 4em !default;
 $gutter-width: 1em !default;
 $side-gutter-width: $gutter-width !default;
 
-// Susy will set your outer shell based on the variables above. 
-$container-width: container($total-cols, $col-width, $gutter-width, $side-gutter-width);
+// Functions -----------------------------------------------------------------
+
+// Return the width of 'n' columns plus 'n - 1' gutters 
+// plus page padding in non-nested contexts
+@function columns-width(
+  $n: false
+  ) {
+    $sg: 0;
+    @if not $n {
+      $n: $total-cols;
+      $sg: $side-gutter-width;
+    }
+    $columns-width: ($n*$col-width) + (ceil($n - 1)*$gutter-width) + ($sg*2);
+    @return $columns-width;
+}
+
+// Return the percentage for the target in a given context
+@function percent-width(
+  $t,
+  $c
+  ) {
+    $perc: ($t / $c) * 100%;
+    @return $perc;
+}
+
+// Return the percentage width of 'n' columns in a context of 'c'
+@function columns(
+  $n, 
+  $c: false
+  ) {
+    $columns: percent-width(columns-width($n), columns-width($c));
+    @return $columns;
+}
+
+// Return the percentage width of a single gutter in a context of 'c'
+@function gutter(
+  $c: false
+  ) {
+    $gutter: percent-width($gutter-width, columns-width($c));
+    @return $gutter;
+}
+
+// Return the percentage width of a single side gutter in a context of 'c'
+@function side-gutter(
+  $c: false
+  ) {
+    $side-gutter: percent-width($side-gutter-width, columns-width($c));
+    @return $side-gutter;
+}
+
+// Return the percentage width of a single column in a context of 'c'
+@function column(
+  $c: false
+  ) {
+    $column: percent-width($col-width, columns-width($c));
+    @return $column;
+}
+
+// Base Mixin ----------------------------------------------------------------
 
 // Set +container() on the outer grid-containing element(s).
-@mixin container($align: false) {
+@mixin container() {
   // clear all floated columns
   @include pie-clearfix;
-  @if $align {
-    @warn "the '$align' argument is deprecated because it really isn't that usefull.";
-  }
   // use auto horizontal margins to center your page in the body
-  margin: {
-    left: auto;
-    right: auto; 
-  };
-  // set the page width based on column settings
-  width: $container-width;
+  margin: auto;
+  // set the page width based on grid settings
+  width: columns-width();
   // never exceed 100% of the browser window (no side-scrolling)
   max-width: 100%; 
 }
 
+// Column Mixins -------------------------------------------------------------
+
 // Set +columns() on any column element, even nested ones.
 // The first agument [required] is the number of columns to span.
 // The second argument is the context (columns spanned by parent).
@@ -53,6 +107,18 @@ $container-width: container($total-cols, $col-width, $gutter-width, $side-gutter
   margin-right: auto;  
 }
 
+// Set +full on an element that will span it's entire context.
+// There is no need for +columns, +alpha or +omega on a +full element.
+@mixin full($nested: false) {
+  clear: both;
+  @if not $nested {
+    margin-right: side-gutter();
+    margin-left: side-gutter(); 
+  } 
+}
+
+// Padding Mixins ------------------------------------------------------------
+
 // Set +prefix() on any element to add empty colums as padding 
 // before or after.
 @mixin prefix($n, $context: false) {
@@ -73,6 +139,8 @@ $container-width: container($total-cols, $col-width, $gutter-width, $side-gutter
   } 
 }
 
+// Alpha & Omega Mixins ------------------------------------------------------
+
 // Set +alpha on any element spanning the first column in non-nested 
 // context to take side-gutters into account. Recommended that you pass 
 // the actual nested contexts (when nested) rather than a true/false 
@@ -89,11 +157,6 @@ $container-width: container($total-cols, $col-width, $gutter-width, $side-gutter
 //  - Override $omega_float globally or set +float locally to change
 $omega-float: right !default;
 
-// This is going away
-@mixin ie-omega($dir: $omega-float, $hack: false) {
-  @warn "the 'ie-omega' mixin is deprecated along with the $hacks constant";
-}
-
 // Set +omega() on the last element of a row, in order to take side-gutters
 // and the page edge into account. Set the $nested argument for nested 
 // columns. It is recommended that you pass the actual nested context when 
@@ -111,14 +174,4 @@ $omega-float: right !default;
   } @else {
     #margin-right: - $gutter-width; 
   }
-}
-
-// Set +full() on an element that will span it's entire context.
-// There is no need for +columns, +alpha or +omega on a +full element.
-@mixin full($nested: false) {
-  clear: both;
-  @if not $nested {
-    margin-right: side-gutter();
-    margin-left: side-gutter(); 
-  } 
-}
+}

data/sass/susy/_susy.scss

@@ -1,16 +1,11 @@
 //** Susy **//
 
-
 // Import all the Important Stuff.
-@import "compass/css3";
+@import "compass";
 @import "utils";
-@import "text";
 @import "grid";
 
 // Set Susy on your BODY element to get things started.
-@mixin susy($align: false) {
-  @include establish-baseline;
-  @if $align {
-    @warn "the '$align' argument is deprecated because it really isn't that usefull.";
-  }
+@mixin susy() {
+  @warn "the 'susy' base mixin is no longer needed and will be removed in the ner future.";
 }

data/sass/susy/_utils.scss

@@ -1,10 +1,5 @@
 //** Susy Utilities **//
 
-
-// An extension of the Compass Core Utilities
-@import "compass/utilities";
-@import "inline_block_list";
-
 // Apply to you container element(s) to show a grid image.
 //  - You need to supply the image. Susy can't do everything.
 @mixin show-grid($src) {
@@ -13,18 +8,4 @@
     repeat: repeat;
     position: $side-gutter-width 0; 
   }; 
-}
-
-@mixin ie-inline-block($hack: false) {
-  @warn "the 'ie-inline-block' mixin is deprecated in favor of the compass core solutions.";
-}
-
-// Hide an element from the viewport, but keep it around for accessability
-@mixin hide {
-  @warn "the 'hide' mixin is deprecated in favor of 'hide-text' in compass core.";
-  @include hide-text;
-}
-
-@mixin skip-link($t: 0, $r: false, $b: false, $l: false) {
-  @warn "the 'skip-link' mixin is deprecated as too tangential to belong in Susy.";
-}
+}

data/templates/project/_base.scss

@@ -4,11 +4,6 @@
 //  Site: susy.oddbird.net
 //**
 
-// Font Sizes --------------------------------------------------------------
-
-$base-font-size: 16px;
-$base-line-height: 24px;
-
 // Grid --------------------------------------------------------------
 
 $total-cols: 12;
@@ -16,28 +11,5 @@ $col-width: 4em;
 $gutter-width: 1em;
 $side-gutter-width: $gutter-width;
 
-// Don't move this @import above the GRID and FONT-SIZE variables.
-@import "susy/susy";
-
-// Colors --------------------------------------------------------------
-
-$base: #4c4c4c;
-$alt: #005498;
-
-// Fonts --------------------------------------------------------------
-
-@mixin sans-family {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-@mixin serif-family {
-  font-family: Cambria, Georgia, serif;
-}
-
-@mixin monospace-family {
-  font-family: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, Courier, monospace, sans-serif;
-}
-
-// OTHER MIXINS --------------------------------------------------------------
-// Mixins set here will be available in defaults, screen, print and IE
-// Or anywhere you import either base.sass or defaults.sass
+// Don't move this @import above the GRID variables.
+@import "susy/susy";

data/templates/project/manifest.rb

@@ -1,8 +1,5 @@
 stylesheet 'screen.scss', :media => "screen, projection"
-stylesheet 'print.scss', :media => "print"
-stylesheet 'ie.scss', :media => "screen, projection"
 stylesheet '_base.scss'
-stylesheet '_defaults.scss'
 image 'grid.png'
 
 description "Susy: a flexible static/fluid/elastic grid system native to compass."

data/templates/project/screen.scss

@@ -2,12 +2,10 @@
 
 // Imports --------------------------------------------------------------
 
-@import "defaults";
+@import "base";
 
 /* Layout -------------------------------------------------------------- */
 
-@include susy;
-
 // change '.container' to match your HTML container element
 // or @extend it to apply multiple containers on your site.
 .container {

metadata

@@ -1,12 +1,14 @@
 --- !ruby/object:Gem::Specification 
 name: compass-susy-plugin
 version: !ruby/object:Gem::Version 
-  prerelease: false
+  hash: -3702664218
+  prerelease: 4
   segments: 
   - 0
-  - 8
+  - 9
+  - alpha
   - 1
-  version: 0.8.1
+  version: 0.9.alpha.1
 platform: ruby
 authors: 
 - Eric Meyer
@@ -14,21 +16,24 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-09-24 00:00:00 -06:00
+date: 2011-02-15 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
   prerelease: false
   requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
+        hash: 62196239
         segments: 
         - 0
-        - 10
-        - 0
-        version: 0.10.0
+        - 11
+        - beta
+        - 2
+        version: 0.11.beta.2
   type: :runtime
   version_requirements: *id001
 description: Responsive web design with grids the quick and reliable way.
@@ -42,7 +47,6 @@ extra_rdoc_files:
 - README.mkdn
 - lib/susy.rb
 - lib/susy/compass_plugin.rb
-- lib/susy/sass_extensions.rb
 files: 
 - LICENSE.txt
 - Manifest
@@ -52,20 +56,12 @@ files:
 - compass-susy-plugin.gemspec
 - lib/susy.rb
 - lib/susy/compass_plugin.rb
-- lib/susy/sass_extensions.rb
 - sass/susy/_grid.scss
-- sass/susy/_inline_block_list.scss
-- sass/susy/_reset.scss
 - sass/susy/_susy.scss
-- sass/susy/_text.scss
 - sass/susy/_utils.scss
-- sass/susy/_vertical_rhythm.scss
 - templates/project/_base.scss
-- templates/project/_defaults.scss
 - templates/project/grid.png
-- templates/project/ie.scss
 - templates/project/manifest.rb
-- templates/project/print.scss
 - templates/project/screen.scss
 has_rdoc: true
 homepage: http://susy.oddbird.net/
@@ -82,16 +78,20 @@ rdoc_options:
 require_paths: 
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      hash: 3
       segments: 
       - 0
       version: "0"
 required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      hash: 11
       segments: 
       - 1
       - 2
@@ -99,7 +99,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: compass-susy-plugin
-rubygems_version: 1.3.6
+rubygems_version: 1.5.2
 signing_key: 
 specification_version: 3
 summary: A responsive grid system plugin for Compass.

data/lib/susy/sass_extensions.rb

@@ -1,76 +0,0 @@
-require 'sass'
-
-module Sass::Script
-  class Number < Literal
-    def ceil
-      Number.new(value.ceil, numerator_units, denominator_units)
-    end
-  end
-end
-
-module Sass::Script::Functions
-
-  # some helpful constants
-  PERCENT = Sass::Script::Number.new(100, ["%"])
-  ONE = Sass::Script::Number.new(1)
-  TWO = Sass::Script::Number.new(2)
-
-  # set the Susy column and gutter widths and number of columns
-  # return total width of container
-  def container(total_columns, column_width, gutter_width, side_gutter_width)
-    @@susy_total_columns = total_columns
-    @@susy_column_width = column_width
-    @@susy_gutter_width = gutter_width
-    @@susy_side_gutter_width = side_gutter_width
-    context
-  end
-
-  # return the width of 'n' columns plus 'n - 1' gutters 
-  # plus page padding in non-nested contexts
-  def context(n = false)
-    raise Sass::SyntaxError, "container() must be called before context() - should be called in susy/susy.sass" unless defined?(@@susy_total_columns)
-    sg = Sass::Script::Number.new(0)
-    if !n or !n.value
-      n = @@susy_total_columns
-      sg = @@susy_side_gutter_width
-    end
-    c, g = [@@susy_column_width, @@susy_gutter_width]
-    n.times(c).plus(n.minus(ONE).ceil.times(g)).plus(sg.times(TWO))
-  end
-
-  # return the percentage width of 'n' columns in a context of
-  #  'context_columns'
-  def columns(n, context_columns = false)
-    raise Sass::SyntaxError, "container() must be called before columns() - should be called in susy/susy.sass" unless defined?(@@susy_column_width)
-    w = context(context_columns)
-    c, g = [@@susy_column_width, @@susy_gutter_width]
-    n.times(c).plus(n.minus(ONE).ceil.times(g)).div(w).times(PERCENT)
-  end
-
-  # return the percentage width of a single gutter in a context of
-  #  'context_columns'
-  def gutter(context_columns = false)
-    raise Sass::SyntaxError, "container() must be called before columns() - should be called in susy/susy.sass" unless defined?(@@susy_gutter_width)
-    w = context(context_columns)
-    g = @@susy_gutter_width
-    g.div(w).times(PERCENT)
-  end
-
-  # return the percentage width of a single side gutter in a context of
-  #  'context_columns'
-  def side_gutter(context_columns = false)
-    raise Sass::SyntaxError, "container() must be called before side_gutter() - should be called in susy/susy.sass" unless defined?(@@susy_side_gutter_width)
-    w = context(context_columns)
-    sg = @@susy_side_gutter_width
-    sg.div(w).times(PERCENT)
-  end
-
-  # return the percentage width of a single column in a context of
-  #  'context_columns'
-  def column(context_columns = false)
-    raise Sass::SyntaxError, "container() must be called before column() - should be called in susy/susy.sass" unless defined?(@@susy_column_width)
-    w = context(context_columns)
-    c = @@susy_column_width
-    c.div(w).times(PERCENT)
-  end
-end

data/sass/susy/_inline_block_list.scss

@@ -1,42 +0,0 @@
-// Inline-Block list layout module.
-//
-// Easy mode using simple descendant li selectors:
-//
-//   ul.nav
-//     +inline-block-list
-//
-// Advanced mode:
-// If you need to target the list items using a different selector then use
-// +inline-block-list-container on your ul/ol and +inline-block-list-item on your li.
-// This may help when working on layouts involving nested lists. For example:
-//
-//   ul.nav
-//     +inline-block-list-container
-//     > li
-//       +inline-block-list-item
-
-// Can be mixed into any selector that target a ul or ol that is meant
-// to have an inline-block layout. Used to implement +inline-block-list.
-@mixin inline-block-list-container {
-  @include horizontal-list-container; }
-
-// Can be mixed into any li selector that is meant to participate in a horizontal layout.
-// Used to implement +inline-block-list.
-
-@mixin inline-block-list-item($padding: false) {
-  @include no-bullet;
-  @include inline-block;
-  white-space: nowrap;
-  @if $padding {
-    padding: {
-      left: $padding;
-      right: $padding;
-    };    
-  }
-}
-
-// A list(ol,ul) that is layed out such that the elements are inline-block and won't wrap.
-@mixin inline-block-list($padding: false) {
-  @include inline-block-list-container;
-  li {
-    @include inline-block-list-item($padding); } }

data/sass/susy/_reset.scss

@@ -1,9 +0,0 @@
-//** Susy Reset **//
-
-/* Reset --------------------------------------------------------------*/
-
-@import "compass/reset";
-
-/* HTML5 Reset --------------------------------------------------------------*/
-
-@include reset-html5;

data/sass/susy/_text.scss

@@ -1,6 +0,0 @@
-//** Susy Text Settings **//
-
-
-@import "vertical_rhythm";
-
-$px2em: 1em / $base-font-size;

data/sass/susy/_vertical_rhythm.scss

@@ -1,127 +0,0 @@
-//** Vertical Rhythm **//
-// By Chris Eppstein and Eric Meyer, living here on a temporary basis
-
-// set the default border style for rhythm borders
-$default-rhythm-border-style: solid !default;
-
-// The IE font ratio is a fact of life. Deal with it.
-$ie-font-ratio: 16px / 100%;
-
-// The base line height is the basic unit of line hightness.
-$base-line-height: 24px !default;
-
-// The base font size
-$base-font-size: 16px !default;
-
-// The basic unit of font rhythm
-$base-rhythm-unit: $base-line-height / $base-font-size * 1em;
-
-// The leader is the amount of whitespace in a line.
-// It might be useful in your calculations
-$base-leader: ($base-line-height - $base-font-size) * 1em / $base-font-size;
-
-// The half-leader is the amount of whitespace above and below a line.
-// It might be useful in your calculations
-$base-half-leader: $base-leader / 2;
-
-// Establishes a font baseline for the given font-size in pixels
-@mixin establish-baseline($font-size: $base-font-size) {
-  body {
-    font-size: $font-size / $ie-font-ratio;
-    @include adjust-leading-to(1, $font-size); 
-  }
-  html>body {
-    font-size: $font-size; 
-  } 
-}
-
-// Show a background image that can be used to debug your alignments.
-@mixin debug-vertical-alignment {
-  background: url(underline.png); 
-}
-
-// Adjust a block to have a different font size and leading to maintain the rhythm.
-// $lines is a number that is how many times the baseline rhythm this
-// font size should use up. Does not have to be an integer, but it defaults
-// to the smallest integer that is large enough to fit the font.
-// Use $from_size to adjust from a non-base font-size.
-@mixin adjust-font-size-to($to-size, $lines: ceil($to-size / $base-line-height), $from-size: $base-font-size) {
-  font-size: 1em * $to-size / $from-size;
-  @include adjust-leading-to($lines, $to-size); 
-}
-
-@mixin adjust-leading-to($lines, $font-size: $base-font-size) {
-  line-height: 1em * $lines * $base-line-height / $font-size; 
-}
-
-// Apply leading whitespace
-@mixin leader($lines: 1, $font-size: $base-font-size, $property: margin) {
-  #{$property}-top: 1em * $lines * $base-line-height / $font-size; 
-}
-
-@mixin padding-leader($lines: 1, $font-size: $base-font-size) {
-  @include leader($lines, $font-size, padding); 
-}
-
-@mixin margin-leader($lines: 1, $font-size: $base-font-size) {
-  @include leader($lines, $font-size, margin); 
-}
-
-// Apply trailing whitespace
-@mixin trailer($lines: 1, $font-size: $base-font-size, $property: margin) {
-  #{$property}-bottom: 1em * $lines * $base-line-height / $font-size; 
-}
-
-@mixin padding-trailer($lines: 1, $font-size: $base-font-size) {
-  @include trailer($lines, $font-size, padding); 
-}
-
-@mixin margin-trailer($lines: 1, $font-size: $base-font-size) {
-  @include trailer($lines, $font-size, margin); 
-}
-
-// Whitespace application shortcut
-// Apply top margin/padding + bottom padding/margin
-@mixin rhythm($leader: 0, $padding-leader: 0, $padding-trailer: 0, $trailer: 0, $font-size: $base-font-size) {
-  @include leader($leader, $font-size);
-  @include padding-leader($padding-leader, $font-size);
-  @include padding-trailer($padding-trailer, $font-size);
-  @include trailer($trailer, $font-size);
-}
-
-// Apply a border width to any side without destroying the vertical rhythm
-@mixin apply-side-rhythm-border($side, $width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  border-#{$side}: {
-    style: $border-style;
-    width: 1em * $width / $font-size; 
-  };
-  padding-#{$side}: 1em / $font-size * ($lines * $base-line-height - $width); 
-}
-
-// Aplly rhythm borders equally to all sides
-@mixin rhythm-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  border: {
-    style: $border-style;
-    width: 1em * $width / $font-size; };
-  padding: 1em / $font-size * ($lines * $base-line-height - $width); 
-}
-
-// Apply a leading rhythm border
-@mixin leading-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  @include apply-side-rhythm-border(top, $width, $lines, $font-size, $border-style); 
-}
-
-// Apply a trailing rhythm border
-@mixin trailing-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  @include apply-side-rhythm-border(bottom, $width, $lines, $font-size, $border-style); 
-}
-
-// Apply both leading and trailing rhythm borders
-@mixin horizontal-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  @include leading-border($width, $lines, $font-size, $border-style);
-  @include trailing-border($width, $lines, $font-size, $border-style); 
-}
-
-@mixin h-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
-  @include horizontal-borders($width, $lines, $font-size, $border-style); 
-}

data/templates/project/_defaults.scss

@@ -1,267 +0,0 @@
-//** DEFAULT STYLES **//
-
-// Based heavily on the work of:
-// Andy Clarke: http://forabeautifulweb.com/
-// Paul Irish & Divya Manian: http://html5boilerplate.com/
-// And many others, less directly...
-
-// Imports --------------------------------------------------------------
-
-@import "base";
-@import "susy/reset";
-
-/* Typography -------------------------------------------------------------- */
-/* The following classes are for use with @extend. */
-
-html {
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased; }
-
-.serif {
-  @include serif-family; }
-
-.sans {
-  @include sans-family; }
-
-.mono {
-  @include monospace-family; }
-
-.caps {
-  letter-spacing: 0.1em; }
-
-.allcaps {
-  @extend .caps;
-  text-transform: uppercase; }
-
-.smallcaps {
-  @extend .caps;
-  font-variant: small-caps; }
-
-/* Body -------------------------------------------------------------- */
-
-body {
-  @extend .serif;
-  color: $base; }
-
-/* Selected Text -------------------------------------------------------------- */
-/* -moz- must be declared separately */
-
-@mixin accessible-color($background: white) {
-  @if lightness($background) >= 65% {
-    color: $base; }
-  @else {
-    color: white; } }
-
-::-moz-selection {
-  @include accessible-color($alt);
-  background: $alt;
-  text-shadow: none; }
-
-::selection {
-  @include accessible-color($alt);
-  background: $alt;
-  text-shadow: none; }
-
-/* Links -------------------------------------------------------------- */
-
-a {
-  &:link, &:visited {
-    color: $alt; }
-  &:link, &:visited, &:hover, &:active {
-    outline: none; }
-  &:focus, &:hover, &:active {
-    color: complement($alt);
-    text-decoration: none; }
-  &:focus {
-    outline: thin dotted; } }
-
-/* Headings -------------------------------------------------------------- */
-
-h2, h3, h4, h5, h6 {
-  @include trailer; }
-
-h1 {
-  @include adjust-font-size-to(21px);
-  @include trailer(1, 21px); }
-
-h1, h2 {
-  @extend .allcaps; }
-
-h3 {
-  font-weight: bold; }
-
-h4 {
-  @extend .smallcaps;
-  text-transform: lowercase; }
-
-h5, h6 {
-  font-style: italic; }
-
-/* Inline -------------------------------------------------------------- */
-
-cite, em, dfn, address, i {
-  font-style: italic; }
-
-strong, dfn, b {
-  font-weight: bold; }
-
-sup, sub {
-  font-size: smaller;
-  line-height: 0; }
-
-sup {
-  vertical-align: super; }
-
-sub {
-  vertical-align: sub; }
-
-abbr, acronym {
-  border-bottom: 1px dotted;
-  cursor: help; }
-
-ins {
-  text-decoration: underline; }
-
-del {
-  text-decoration: line-through; }
-
-mark {
-  background: #ffff99;
-  background-color: rgba(yellow, 0.5);
-  text-shadow: none; }
-
-small {
-  @include adjust-font-size-to(12px); }
-
-q {
-  font-style: italic;
-  em {
-    font-style: normal; } }
-
-pre, code, tt {
-  @extend .mono; }
-
-/* Block -------------------------------------------------------------- */
-
-p {
-  @include trailer; }
-
-pre {
-  margin: $base-rhythm-unit;
-  white-space: pre;
-  white-space: pre-wrap;
-  white-space: pre-line;
-  word-wrap: break-word; }
-
-blockquote {
-  margin: $base-rhythm-unit;
-  font-style: italic; }
-
-/* Replaced -------------------------------------------------------------- */
-
-img {
-  vertical-align: text-bottom;
-  max-width: 100%;
-  -ms-interpolation-mode: bicubic; }
-
-/* Lists -------------------------------------------------------------- */
-
-ol, ul, dl {
-  @include trailer;
-  margin-left: $base-rhythm-unit; }
-
-ol {
-  list-style: decimal; }
-
-ul {
-  list-style: disc;
-  li & {
-    list-style-type: circle; } }
-
-dt {
-  @include leader;
-  font-style: italic; }
-
-dd {
-  padding-left: $base-rhythm-unit; }
-
-/* Tables -------------------------------------------------------------- */
-/* tables still need 'cellspacing="0"' in the markup */
-
-table {
-  @include trailer;
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0; }
-
-table, td, th {
-  vertical-align: top; }
-
-th, thead th {
-  font-weight: bold; }
-
-th, td, caption {
-  padding: $base-rhythm-unit * 0.5;
-  text-align: left;
-  font-weight: normal; }
-
-table, th {
-  @include trailing-border(1px, 0.5); }
-
-tfoot {
-  @include adjust-font-size-to(14px); }
-
-caption {
-  @extend .allcaps; }
-
-/* Forms -------------------------------------------------------------- */
-
-fieldset {
-  @include trailer;
-  @include rhythm-borders(1px); }
-
-legend {
-  @include adjust-font-size-to(18px);
-  font-weight: bold; }
-
-input[type="radio"], input[type="checkbox"] {
-  vertical-align: baseline; }
-
-label, input[type=button], input[type=submit], button {
-  cursor: pointer; }
-
-label {
-  font-weight: bold; }
-
-// box-sizing helps us control the width of inputs
-// which are otherwise very hard to manage in the grid.
-.textinput {
-  @include sans-family;
-  @include adjust-font-size-to(14px, 1, 16px);
-  @include rhythm-borders(1px, 0.25, 14px);
-  @include trailer(0.5);
-  @include box-sizing(border-box);
-  width: 100%;
-  margin-top: 0;
-  border-color: $base;
-  height: $base-line-height / 14px * 1.5em; }
-
-textarea {
-  @extend .textinput;
-  height: $base-line-height / 14px * 6.5em;
-  vertical-align: text-bottom; }
-
-input {
-  &[type=text], &[type=password], &[type=email], &[type=url], &[type=tel],
-  &[type=date], &[type=datetime], &[type=datetime-local], &[type=month], &[type=week], &[type=time],
-  &[type=number], &[type=range], &[type=search], &[type=color] {
-    @extend .textinput; }
-  // reset webkit search styles
-  &[type=search] {
-    -webkit-appearance: none;
-    &::-webkit-search-decoration {
-      display: none; } } }
-
-button {
-  width: auto;
-  overflow: visible; }

data/templates/project/ie.scss

@@ -1,10 +0,0 @@
-/* Welcome to Susy. Use this file to write IE specific override styles.
- * Import this file using the following HTML or equivalent:
- * <!--[if IE]>
- *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
- * <![endif]--> */
-
-// Imports --------------------------------------------------------------*/
-
-@import "base";
-

data/templates/project/print.scss

@@ -1,51 +0,0 @@
-//** PRINT STYLES **//
-
-// Based heavily on the work of:
-// Paul Irish & Divya Manian: http://html5boilerplate.com/
-// And many others, less directly...
-
-// Imports --------------------------------------------------------------
-
-@import "defaults";
-
-/* Print Defaults -------------------------------------------------------------- */
-
-nav {
-  display: none; }
-
-* {
-  background: transparent !important;
-  color: #444444 !important;
-  float: none !important;
-  text-shadow: none !important; }
-
-body {
-  @include serif-family;
-  font-size: 12pt;
-  background: white;
-  color: black; }
-
-a {
-  &:link, &:visited {
-    color: #444444 !important;
-    text-decoration: underline; }
-  &:after {
-    content: " (" attr(href) ") ";
-    font-size: smaller; } }
-
-abbr:after {
-  content: " (" attr(title) ")";
-  font-size: smaller; }
-
-pre, blockquote, img {
-  page-break-inside: avoid; }
-
-@page {
-  margin: 0.5cm; }
-
-p, h2, h3 {
-  orphans: 3;
-  widows: 3; }
-
-h2, h3 {
-  page-break-after: avoid; }