Use Susy instead of Blueprint

CHANGELOG

@@ -3,4 +3,5 @@
 
 - Combine views/ and public/ into a single source/ folder.
 - Support YAML front-matter
-- Blog-aware
+- Blog-aware
+- Replaced Blueprint CSS templates with Susy

lib/middleman/renderers/sass.rb

@@ -1,6 +1,7 @@
 require "sass"
 require "sass/plugin"
 require "compass"
+require "susy"
 
 module Middleman
   module Renderers

lib/middleman/templates/default/source/stylesheets/site.css.sass

@@ -1,27 +1,34 @@
 @import "compass"
-@import "blueprint"
+@import "susy"
 
-$font-color:         #2a2a2a
 $link-color:         #0388a6
 $link-hover-color:   #009ce0
-$link-focus-color:   $link-color
-$link-active-color:  $link-color
-$link-visited-color: $link-color
+$link-focus-color:   false
+$link-active-color:  false
+$link-visited-color: false
 
-$blueprint-font-family:  'Century Gothic', 'Apple Gothic', 'Helvetica Neue', arial, sans-serif
-$blueprint-font-size:    13px
-$blueprint-grid-columns: 12
-$blueprint-grid-width:   60px
-$blueprint-grid-margin:  20px
+$font-color:  #2a2a2a
+$font-family: 'Helvetica Neue', sans-serif
+$base-font-size:   12px
+$base-line-height: 18px
+
+$total-cols: 12
+$col-width: 4em
+$gutter-width: 1em
+$side-gutter-width: $gutter-width
 
 +global-reset
 
-+blueprint-typography
++establish-baseline
+
+body
+  font-family: $font-family
+  color: $font-color
 
 a
   +link-colors($link-color, $link-hover-color, $link-focus-color, $link-active-color, $link-visited-color)
 
 #main
   padding: 50px
-  text-align: center
   +container
+  +susy-grid-background

lib/middleman/templates/xhtml/source/stylesheets/site.css.sass

@@ -1,27 +1,34 @@
 @import "compass"
-@import "blueprint"
+@import "susy"
 
-$font-color:         #2a2a2a
 $link-color:         #0388a6
 $link-hover-color:   #009ce0
-$link-focus-color:   $link-color
-$link-active-color:  $link-color
-$link-visited-color: $link-color
+$link-focus-color:   false
+$link-active-color:  false
+$link-visited-color: false
 
-$blueprint-font-family:  'Century Gothic', 'Apple Gothic', 'Helvetica Neue', arial, sans-serif
-$blueprint-font-size:    13px
-$blueprint-grid-columns: 12
-$blueprint-grid-width:   60px
-$blueprint-grid-margin:  20px
+$font-color:  #2a2a2a
+$font-family: 'Helvetica Neue', sans-serif
+$base-font-size:   12px
+$base-line-height: 18px
+
+$total-cols: 12
+$col-width: 4em
+$gutter-width: 1em
+$side-gutter-width: $gutter-width
 
 +global-reset
 
-+blueprint-typography
++establish-baseline
+
+body
+  font-family: $font-family
+  color: $font-color
 
 a
   +link-colors($link-color, $link-hover-color, $link-focus-color, $link-active-color, $link-visited-color)
 
-#frame
+#main
   padding: 50px
-  text-align: center
   +container
+  +susy-grid-background

middleman.gemspec

@@ -32,6 +32,7 @@ Gem::Specification.new do |s|
   s.add_runtime_dependency("coffee-filter", ["~> 0.1.0"])
   s.add_runtime_dependency("sass", ["~> 3.1.0"])
   s.add_runtime_dependency("compass", ["~> 0.11.1"])
+  s.add_runtime_dependency("compass-susy-plugin", ["~> 0.9.0"])
   s.add_runtime_dependency("coffee-script", ["~> 2.2.0"])
   s.add_runtime_dependency("httparty", ["~> 0.7.0"])
   s.add_development_dependency("cucumber", ["~> 0.10.0"])