Use Susy instead of Blueprint

This commit is contained in:
Thomas Reynolds 2011-06-12 11:45:11 -07:00
parent 704b434230
commit a4a9075e54
5 changed files with 43 additions and 26 deletions

View file

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

View file

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

View file

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

View file

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

View file

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