chriseppstein-compass 0.1.1

data/frameworks/blueprint/stylesheets/blueprint/_ie.sass

@@ -0,0 +1,19 @@
+// mix this into a body element
+=blueprint-ie
+  :text-align center
+  .container
+    :text-align left
+  * html &
+    legend
+      :margin -18px -8px 16px 0
+      :padding 0
+  ol
+    :margin-left 2em
+  sup
+    :vertical-align text-top
+  sub
+    :vertical-align text-bottom
+  html>& p code
+    :*white-space normal
+  hr
+    :margin -8px auto 11px

data/frameworks/blueprint/stylesheets/blueprint/_print.sass

@@ -0,0 +1,69 @@
+=blueprint-print
+  &
+    :line-height 1.5
+    :font-family "Helvetica Neue", Helvetica, Arial, sans-serif
+    :color #000
+    :background none
+    :font-size 10pt
+  .container
+    :background none
+  hr
+    :background #ccc
+    :color #ccc
+    :width 100%
+    :height 2px
+    :margin 2em 0
+    :padding 0
+    :border none
+    &.space
+      :background #fff
+      :color #fff
+  h1, h2, h3, h4, h5, h6
+    :font-family "Helvetica Neue", Arial, "Lucida Grande", sans-serif
+  code
+    :font .9em "Courier New", Monaco, Courier, monospace
+  img
+    :float left
+    :margin 1.5em 1.5em 1.5em 0
+  a
+    img
+      :border none
+    &:link
+      :background transparent
+      :font-weight 700
+      :text-decoration underline
+  /* This style is in blueprint, but I think it's annoying and it doesn't work in all browsers.
+    &:after
+      :content " (" attr(href) ") "
+      :font-size 90%
+  p img.top
+    :margin-top 0
+  blockquote
+    :margin 1.5em
+    :padding 1em
+    :font-style italic
+    :font-size .9em
+  .small
+    :font-size .9em
+  .large
+    :font-size 1.1em
+  .quiet
+    :color #999
+  .hide,
+  .noprint,
+  .no-print
+    :display none
+  address, blockquote, center, dir, div, dd, dl, dt, fieldset, form, frameset, h1, h2, h3, h4, h5, h6, hr, isindex, li, menu, noframes, noscript, ol, p, pre, table, tbody, td, tfoot, th, thead, tr, ul
+    &.print-only
+      :display block
+  a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var
+    &.print-only
+      :display inline
+  a:visited
+    :background transparent
+    :font-weight 700
+    :text-decoration underline
+  /*
+    a:visited:after
+      :content " (" attr(href) ") "
+      :font-size 90%

data/frameworks/blueprint/stylesheets/blueprint/_screen.sass

@@ -0,0 +1,15 @@
+@import modules/colors.sass
+@import modules/grid.sass
+@import modules/typography.sass
+@import modules/utilities.sass
+@import modules/form.sass
+@import modules/interaction.sass
+@import modules/debug.sass
+
+=blueprint
+  +blueprint-grid
+  +blueprint-typography
+  +blueprint-utilities
+  +blueprint-debug
+  +blueprint-interaction
+  +blueprint-form

data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass

@@ -0,0 +1,25 @@
+!font_color= #333
+!quiet_color= !font_color + #333
+!loud_color= !font_color - #222
+
+!header_color= !font_color - #111
+
+// !link_color= #009
+// !link_hover_color= !link_color
+!link_color= #457ac9
+!link_hover_color= #399999
+!link_focus_color= !link_color
+!link_active_color= !link_color + #c00
+!link_visited_color= !link_color - #333
+
+!success_color        = #264409
+!success_bg_color     = #E6EFC2
+!success_border_color = #C6D880
+
+!notice_color        = #514721
+!notice_bg_color     = #FFF6BF
+!notice_border_color = #FFD324
+
+!error_color        = #8a1f11
+!error_bg_color     = #FBE3E4
+!error_border_color = #FBC2C4

data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass

@@ -0,0 +1,9 @@
+=showgrid(!image = images/grid.png)
+  :background= url(!image)
+
+=blueprint-debug(!grid_image = images/grid.png)
+  // Use this class on any div.span / container to see the grid.
+  // TODO: prefix this with the project path.
+  .showgrid
+    +showgrid(!grid_image)
+  

data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass

@@ -0,0 +1,85 @@
+/*
+  To install the fancy type plugin:
+    1. import the fancy_type module:
+      @import blueprint/modules/fancy_type
+    2. mixin +fancy-type to your project's body:
+      body
+        +fancy-type
+
+/* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
+=sibling-indentation
+  :text-indent 2em
+  :margin-top -1.5em
+  /* Don't want this in forms.
+  form &
+    :text-indent 0
+
+/* 
+  For great looking type, use this code instead of asdf: 
+  <span class="alt">asdf</span>  
+  Best used on prepositions and ampersands.
+
+=alt
+  :color #666
+  :font-family "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif
+  :font-style italic
+  :font-weight normal
+
+/*
+  For great looking quote marks in titles, replace "asdf" with:
+  <span class="dquo">&#8220;</span>asdf&#8221;
+  (That is, when the title starts with a quote mark). 
+  (You may have to change this value depending on your font size).
+=dquo
+  :margin-left -.5em
+
+/*
+  Reduced size type with incremental leading
+  (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
+  
+  This could be used for side notes. For smaller type, you don't necessarily want to 
+  follow the 1.5x vertical rhythm -- the line-height is too much. 
+  
+  Using this class, it reduces your font size and line-height so that for 
+  every four lines of normal sized type, there is five lines of the sidenote. eg:
+  
+  New type size in em's:
+    10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
+  
+  New line-height value:
+    12px x 1.5 = 18px (old line-height)
+    18px x 4 = 72px 
+    72px / 5 = 14.4px (new line height)
+    14.4px / 10px = 1.44 (new line height in em's)
+=incr
+  :font-size 10px
+  :line-height 1.44em
+  :margin-bottom 1.5em
+
+/*
+  Surround uppercase words and abbreviations with this class.
+  Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
+=caps
+  :font-variant small-caps
+  :letter-spacing 1px
+  :text-transform lowercase
+  :font-size 1.2em
+  :line-height 1%
+  :font-weight bold
+  :padding 0 2px
+
+=fancy-paragraphs
+  p + p
+    +sibling-indentation
+  p.incr,
+  .incr p
+    +incr
+
+=fancy-type
+  +fancy-paragraphs
+  .caps
+    +caps
+  .dquo
+    +dquo
+  .alt
+    +alt

data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass

@@ -0,0 +1,43 @@
+@import colors.sass
+
+=blueprint-form
+  label
+    :font-weight bold
+  fieldset
+    :padding 1.4em
+    :margin 0 0 1.5em 0
+    :border 1px solid #ccc
+  legend
+    :font-weight bold
+    :font-size 1.2em
+  input
+    &.text
+      :margin 0.5em 0
+      :border 1px solid #bbb
+      :width 300px
+      :padding 5px
+      &:focus
+        :border 1px solid #666
+    &.title
+      :font-size 1.5em
+  input.title
+    :margin 0.5em 0
+    :border 1px solid #bbb
+    :width 300px
+    :padding 5px
+    &:focus
+      :border 1px solid #666
+  textarea
+    :margin 0.5em 0
+    :border 1px solid #bbb
+    &:focus
+      :border 1px solid #666
+  select
+    :margin 0.5em 0
+    :border 1px solid #bbb
+    &:focus
+      :border 1px solid #666
+  textarea
+    :width 390px
+    :height 250px
+    :padding 5px

data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass

@@ -0,0 +1,140 @@
+//  --------------------------------------------------------------
+//  SASS Gridification
+//  * Author:   Chris Eppstein
+//  A SASS adaptation of Blueprint CSS
+//  * Version:         0.7.1 (2008-02-25)
+//  * Website:         http://code.google.com/p/blueprintcss/
+//  Based on work by:
+//  * Lorin Tacket      [lorintackett.com]
+//  * Olav Bjorkoy      [bjorkoy.com]
+//  * Nathan Borror     [playgroundblues.com]
+//  * Jeff Croft        [jeffcroft.com]
+//  * Christian Metts   [mintchaos.com]
+//  * Khoi Vinh         [subtraction.com]
+//  Read more about using a grid here:
+//  * subtraction.com/archives/2007/0318_oh_yeeaahh.php
+//  --------------------------------------------------------------
+
+@import compass/utilities/general/clearfix.sass
+
+// Main layout grid, edit these parameters to build your grid and container sizes.
+!layout_grid_columns = 24
+!layout_grid_width = 30px
+!layout_grid_margin = 10px
+
+// Do not edit below this line unless you really know what you're doing.
+!layout_grid_outer_width = !layout_grid_width + !layout_grid_margin
+!layout_grid_size = !layout_grid_width * !layout_grid_columns + (!layout_grid_margin * (!layout_grid_columns - 1))
+
+// Columns
+// Note: If you use this mixin without the class and want to support ie6
+//       you must set text-align left on your container element in an IE stylesheet.
+=container
+  :width = !layout_grid_size
+  :margin 0 auto
+  +clearfix
+
+// The last column in a row needs this mixin or it will end up on the next row.
+// TODO add this to span mixin when we have optional arguments
+=last
+  :margin
+    :right 0
+
+=span(!n)
+  :width = !layout_grid_width * !n + (!layout_grid_margin * (!n - 1))
+
+// Use this mixins to set the width of n columns.
+=column(!n, !last = false)
+  :float left
+  +span(!n)
+  @if !last
+    +last
+  @else
+    :margin-right = !layout_grid_margin
+
+// Mixin to a column to append n empty cols.
+=append(!n)
+  :padding-right = (!layout_grid_outer_width) * !n
+
+// Mixin to a column to prepend n empty cols.
+=prepend(!n)
+  :padding-left = (!layout_grid_outer_width) * !n
+
+// mixin to a column to move it n columns to the left
+=pull(!n, !last = false)
+  :float left
+  :position relative
+  @if !last
+    :margin-left = (-!layout_grid_outer_width * !n) + !layout_grid_margin
+  @else
+    :margin-left = -!layout_grid_outer_width * !n
+
+// mixin to a column to push it n columns to the right
+=push(!n)
+  :float right
+  :position relative
+  :margin
+    :top 0
+    :right = -!layout_grid_outer_width * !n
+    :bottom 1.5em
+    :left = !layout_grid_outer_width * !n
+
+// Border on right hand side of a column.
+=border
+  :padding-right = !layout_grid_margin / 2 - 1
+  :margin-right = !layout_grid_margin / 2
+  :border-right 1px solid #eee
+
+// Border with more whitespace, spans one column.
+=colborder
+  :padding-right= !layout_grid_width - 0.5 * !layout_grid_margin - 1
+  :margin-right= !layout_grid_width - 0.5 * !layout_grid_margin
+  :border-right 1px solid #eee
+
+// Mixin this to an hr to make a horizontal ruler across a column.
+=colruler
+  :background #ddd
+  :color #ddd
+  :clear both
+  :float none
+  :width 100%
+  :height .1em
+  :margin 0 0 1.45em
+  :border none
+
+// Mixin this to an hr to make a horizontal spacer across a column.
+=colspacer
+  +colruler
+  :background #fff
+  :color #fff
+
+=blueprint-grid
+  // A container should group all your columns
+  .container
+    +container
+    // Use these classes (or mixins) to set the width of a column.
+    @for !n from 1 to !layout_grid_columns + 1
+      .span-#{!n}
+        +span(!n)
+      div
+        &.span-#{!n}
+          +column(!n, !n == !layout_grid_columns)
+    // The last column in a row needs this class (or mixin) or it will end up on the next row.
+    div.last
+      +last
+    // Add these to a column to append empty cols.
+    @for !n from 1 to !layout_grid_columns
+      .append-#{!n}
+        +append(!n)
+    // Add these to a column to prepend empty cols.
+    @for !n from 1 to !layout_grid_columns
+      .prepend-#{!n}
+        +prepend(!n)
+    // Use these classes on an element to push it into the
+    // next column, or to pull it into the previous column.
+    @for !n from 1 to !layout_grid_columns + 1
+      .pull-#{!n}
+        +pull(!n)
+    @for !n from 1 to !layout_grid_columns + 1
+      .push-#{!n}
+        +push(!n)

data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass

@@ -0,0 +1,55 @@
+=feedback-base
+  :padding .8em
+  :margin-bottom 1em
+  :border 2px solid #ddd
+
+=error
+  +feedback-base
+  :background= !error_bg_color
+  :color= !error_color
+  :border-color= !error_border_color
+  a
+    :color= !error_color
+
+=notice
+  +feedback-base
+  :background= !notice_bg_color
+  :color= !notice_color
+  :border-color= !notice_border_color
+  a
+    :color= !notice_color
+
+=success
+  +feedback-base
+  :background= !success_bg_color
+  :color= !success_color
+  :border-color= !success_border_color
+  a
+    :color= !success_color
+
+=highlight
+  :background #ff0
+
+=added
+  :background #060
+  :color #fff
+
+=removed
+  :background #900
+  :color #fff
+
+=blueprint-interaction
+  .error
+    +error
+  .notice
+    +notice
+  .success
+    +success
+  .hide
+    :display none
+  .highlight
+    +highlight
+  .added
+    +added
+  .removed
+    +removed