chriseppstein-compass 0.1.1

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

@@ -0,0 +1,140 @@
+//  --------------------------------------------------------------
+//  SASS Gridification
+//  * Author:   Geoff Garside
+//  A SASS adaptation of Blueprint CSS
+//  * Version:         0.7.1 (2008-02-25)
+//  * Website:         http://code.google.com/p/blueprintcss/
+//  Based on work by:
+//  * Chris Eppstein    [eppsteins.net]
+//  * Lorin Tacket      [lorintackett.com]
+//  * Olav Bjorkoy      [bjorkoy.com]
+//  * Nathan Borror     [playgroundblues.com]
+//  * Jeff Croft        [jeffcroft.com]
+//  * Christian Metts   [mintchaos.com]
+//  * Khoi Vinh         [subtraction.com]
+//  Liquid grid work by:
+//  * Ben Listwon
+//  * David Bedingfield
+//  * Andrei Michael Herasimchuk
+//  Involution Studios, http://www.involutionstudios.com
+//  Read more about using a grid here:
+//  * subtraction.com/archives/2007/0318_oh_yeeaahh.php
+//  -----
+//  By default, the grid is 80% of window width, with 24 columns.
+//  
+//  To make the grid fixed, simply change the .container width
+//  property to a pixel value. e.g., 960px.
+//  -----
+//  To use:
+//  This module is a REPLACEMENT for the grid module. Simply import it:
+//  @import blueprint/screen.sass
+//  @import blueprint/modules/liquid.sass
+//  -------------------------------------------------------------------
+
+@import compass/utilities/general/clearfix.sass
+
+// Main layout grid, edit these parameters to build your grid and container sizes.
+// The width shown gives the right floored percentage values.
+!layout_liquid_columns = 24
+!layout_liquid_width = 4.173%
+!layout_liquid_margin = 0.833em
+
+// Do not edit below this line unless you really know what you're doing.
+!layout_liquid_size = 80%
+!layout_liquid_min_size = 950px
+!layout_liquid_push_pull = -(!layout_liquid_margin * 4)
+
+=block
+  :overflow hidden
+
+=container
+  :min-width= !layout_liquid_min_size
+  :width = !layout_liquid_size
+  :margin 0 auto
+  +block
+
+=span(!n)
+  :width= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+
+=last
+  :margin-right 0
+
+=column(!n, !last = false)
+  :float left
+  :overflow hidden
+  +span(!n)
+  @if !last
+    +last
+  @else
+    :margin-right = !layout_liquid_margin
+
+=append(!n)
+  :padding-right= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+  
+=prepend(!n)
+  :padding-left= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+
+=pull(!n, !last = false)
+  :margin-left= (!layout_liquid_push_pull * !n)
+
+=push(!n)
+  :float right
+  :margin
+    :top 0
+    :left 1.5em
+    :right= (!layout_liquid_push_pull * !n)
+    :bottom 0
+
+=border
+  :border-right 1px solid #eee
+
+=colborder
+  :padding-right 2%
+  :margin-right 2%
+  +border
+
+=colruler
+  :background #ddd 
+  :color #ddd
+  :clear both
+  :width 100% 
+  :height 0.083em
+  :margin 0 0 1.583em
+  :border none
+
+=colspacer
+  +colruler
+  :background #fff
+  :color #fff
+
+
+=blueprint-liquid
+  // 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_liquid_columns + 1
+      .span-#{!n}
+        +span(!n)
+      div
+        &.span-#{!n}
+          +column(!n, !n == !layout_liquid_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_liquid_columns
+      .append-#{!n}
+        +append(!n)
+    // Add these to a column to prepend empty cols.
+    @for !n from 1 to !layout_liquid_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_liquid_columns + 1
+      .pull-#{!n}
+        +pull(!n)
+    @for !n from 1 to !layout_liquid_columns + 1
+      .push-#{!n}
+        +push(!n)

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

@@ -0,0 +1,29 @@
+@import grid.sass
+/*
+  The styles contained here are meant to provide for an attractive experience out of the box
+  and are meant to be removed once custom visual design begins.
+
+=body-margins
+  :margin 1.5em 0
+
+// Mixin +box to create a padded box inside a column.
+=box
+  :padding 1.5em
+  :margin-bottom 1.5em
+  :background #E5ECF9
+
+=blueprint-scaffolding
+  html &
+    +body-margins
+    .box
+      +box
+    // Border on right hand side of a column. You can comment this out if you don't plan to use it.
+    div.border
+      +border
+    // Border with more whitespace, spans one column.
+    div.colborder
+      +colborder
+    hr
+      +colruler
+    hr.space
+      +colspacer

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

@@ -0,0 +1,131 @@
+@import colors.sass
+@import compass/utilities/links/link_colors.sass
+
+!blueprint_font_family ||= "Helvetica Neue", Helvetica, Arial, sans-serif
+!blueprint_fixed_font_family ||= 'andale mono', 'lucida console', monospace
+
+=normal-text
+  :font-family= !blueprint_font_family
+  :color= !font_color
+
+=fixed-width-text
+  :font= 1em !blueprint_fixed_font_family
+  :line-height 1.5
+
+=header-text
+  :font-weight normal
+  :color= !header_color
+
+=quiet
+  :color= !quiet_color
+
+=loud
+  :color= !loud_color
+
+=blueprint-typography
+  +normal-text
+  :font-size 75%
+  h1
+    +header-text
+    :font-size 3em
+    :line-height 1
+    :margin-bottom 0.5em
+    img
+      :margin 0
+  h2
+    +header-text
+    :font-size 2em
+    :margin-bottom 0.75em
+  h3
+    +header-text
+    :font-size 1.5em
+    :line-height 1
+    :margin-bottom 1em
+  h4
+    +header-text
+    :font-size 1.2em
+    :line-height 1.25
+    :margin-bottom 1.25em
+    :height 1.25em
+  h5
+    +header-text
+    :font-size 1em
+    :font-weight bold
+    :margin-bottom 1.5em
+  h6
+    +header-text
+    :font-size 1em
+    :font-weight bold
+  h2 img,  h3 img,  h4 img,  h5 img,  h6 img
+    :margin 0
+  p
+    :margin 0 0 1.5em
+    img
+      :float left
+      :margin 1.5em 1.5em 1.5em 0
+      :padding 0
+      &.right
+        :float right
+        :margin 1.5em 0 1.5em 1.5em
+  a
+    :text-decoration underline
+    +link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
+  blockquote
+    :margin 1.5em
+    :color #666
+    :font-style italic
+  strong
+    :font-weight bold
+  em
+    :font-style italic
+  dfn
+    :font-style italic
+    :font-weight bold
+  sup,  sub
+    :line-height 0
+  abbr,  acronym
+    :border-bottom 1px dotted #666
+  address
+    :margin 0 0 1.5em
+    :font-style italic
+  del
+    :color #666
+  pre, code
+    :margin 1.5em 0
+    :white-space pre
+    +fixed-width-text
+  tt
+    +fixed-width-text
+  li ul,  li ol
+    :margin 0 1.5em
+  ul
+    :margin 0 1.5em 1.5em 1.5em
+    :list-style-type disc
+  ol
+    :margin 0 1.5em 1.5em 1.5em
+    :list-style-type decimal
+  dl
+    :margin 0 0 1.5em 0
+    dt
+      :font-weight bold
+  dd
+    :margin-left 1.5em
+  table
+    :margin-bottom 1.4em
+    :width 100%
+  th
+    :font-weight bold
+    :background #C3D9FF
+    :padding 4px 10px 4px 5px
+  td
+    :padding 4px 10px 4px 5px
+  tr.even td
+    :background #E5ECF9
+  tfoot
+    :font-style italic
+  caption
+    :background #eee
+  .quiet
+    +quiet
+  .loud
+    +loud

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

@@ -0,0 +1,39 @@
+@import compass/utilities/text/nowrap.sass
+@import compass/utilities/general/clearfix.sass
+
+// Most of these utility classes are not "semantic". If you use them,
+// you are mixing your content and presentation. For shame!
+
+=blueprint-utilities
+  // Regular clearing apply to column that should drop below previous ones.
+  .clear
+    :clear both
+  // turn off text wrapping for the element.
+  .nowrap
+    +nowrap
+  // Apply to an element that has floated children to make the bottom
+  // of the element fall _below_ the floated children.
+  .clearfix
+    +clearfix
+  .small
+    :font-size .8em
+    :margin-bottom 1.875em
+    :line-height 1.875em
+  .large
+    :font-size 1.2em
+    :line-height 2.5em
+    :margin-bottom 1.25em
+  .first
+    :margin-left 0
+    :padding-left 0
+  .last
+    :margin-right 0
+    :padding-right 0
+  .top
+    :margin-top 0
+    :padding-top 0
+  .bottom
+    :margin-bottom 0
+    :padding-bottom 0
+  .print-only
+    :display none

data/frameworks/blueprint/templates/project/ie.sass

@@ -0,0 +1,4 @@
+@import blueprint/ie.sass
+
+body
+  +blueprint-ie

data/frameworks/blueprint/templates/project/print.sass

@@ -0,0 +1,4 @@
+@import blueprint/print.sass
+
+body
+  +blueprint-print

data/frameworks/blueprint/templates/project/screen.sass

@@ -0,0 +1,9 @@
+@import blueprint/screen.sass
+@import blueprint/modules/scaffolding.sass
+@import compass/reset.sass
+
+body
+  +blueprint
+  // Remove the scaffolding when you're ready to start doing visual design.
+  // Or leave it in if you're happy with how blueprint looks out-of-the-box
+  +blueprint-scaffolding

data/frameworks/compass/stylesheets/compass/_reset.sass

@@ -0,0 +1,19 @@
+@import utilities/general/reset.sass
+
+// Global reset rules.
+// For more specific resets, use the reset mixins provided by
+// compass/utilities/general/reset
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+pre, a, abbr, acronym, address, code, del, dfn, em, img,
+dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
+  +reset
+body
+  :line-height 1.5
+blockquote, q
+  +reset-quotation
+th, td, caption
+  +reset-table-cell
+table
+  +reset-table
+a img
+  :border none

data/frameworks/compass/stylesheets/compass/_utilities.sass

@@ -0,0 +1,5 @@
+@import utilities/general.sass
+@import utilities/links.sass
+@import utilities/lists.sass
+@import utilities/tables.sass
+@import utilities/text.sass

data/frameworks/compass/stylesheets/compass/utilities/_general.sass

@@ -0,0 +1,4 @@
+@import general/reset.sass
+@import general/clearfix.sass
+@import general/tag_cloud.sass
+@import general/inline_block.sass

data/frameworks/compass/stylesheets/compass/utilities/_links.sass

@@ -0,0 +1,3 @@
+@import links/hover_link.sass
+@import links/link_colors.sass
+@import links/unstyled_link.sass

data/frameworks/compass/stylesheets/compass/utilities/_lists.sass

@@ -0,0 +1,3 @@
+@import lists/horizontal_list.sass
+@import lists/inline_list.sass
+@import lists/bullets.sass

data/frameworks/compass/stylesheets/compass/utilities/_tables.sass

@@ -0,0 +1 @@
+@import tables/alternating_rows_and_columns.sass

data/frameworks/compass/stylesheets/compass/utilities/_text.sass

@@ -0,0 +1,2 @@
+@import text/nowrap.sass
+@import text/replacement.sass

data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass

@@ -0,0 +1,11 @@
+// Clearing floats without extra markup
+// Simple Clearing of Floats
+// [http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/]
+=clearfix
+  :overflow auto
+  :overflow -moz-scrollbars-none
+  // This makes ie6 get layout
+  :display inline-block
+  // and this puts it back to block
+  &
+    :display block

data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass

@@ -0,0 +1,6 @@
+=inline-block
+  :zoom 1
+  :display inline
+  :display -moz-inline-box
+  :display inline-block
+  :vertical-align top

data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass

@@ -0,0 +1,32 @@
+=reset-box-model
+  :margin 0
+  :padding 0
+  :border 0
+
+=reset
+  +reset-box-model
+  :font
+    :weight inherit
+    :style inherit
+    :size 100%
+    :family inherit
+  :vertical-align baseline
+
+=reset-quotation
+  +reset
+  :quotes "" ""
+  &:before,
+  &:after
+    :content ""
+
+=reset-table-cell
+  +reset
+  :text-align left
+  :font-weight normal
+  :vertical-align middle
+
+=reset-table
+  +reset
+  :border-collapse separate
+  :border-spacing 0
+  :vertical-align middle