arnebrasseur-compass 0.3.5

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

@@ -0,0 +1,141 @@
+//  --------------------------------------------------------------
+//  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, override these constants to build your grid and container sizes.
+!blueprint_grid_columns ||= 24
+!blueprint_grid_width   ||= 30px
+!blueprint_grid_margin  ||= 10px
+
+!blueprint_grid_outer_width = !blueprint_grid_width + !blueprint_grid_margin
+!blueprint_container_size = !blueprint_grid_outer_width * !blueprint_grid_columns - !blueprint_grid_margin
+
+
+=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 !blueprint_grid_columns + 1
+    .span-#{!n}
+      +span(!n)
+    div
+      &.span-#{!n}
+        +column(!n, !n == !blueprint_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 !blueprint_grid_columns
+    .append-#{!n}
+      +append(!n)
+  // Add these to a column to prepend empty cols.
+  @for !n from 1 to !blueprint_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 !blueprint_grid_columns + 1
+    .pull-#{!n}
+      +pull(!n)
+  @for !n from 1 to !blueprint_grid_columns + 1
+    .push-#{!n}
+      +push(!n)
+
+
+// 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 = !blueprint_container_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 = !blueprint_grid_width * !n + (!blueprint_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 = !blueprint_grid_margin
+
+// Mixin to a column to append n empty cols.
+=append(!n)
+  :padding-right = (!blueprint_grid_outer_width) * !n
+
+// Mixin to a column to prepend n empty cols.
+=prepend(!n)
+  :padding-left = (!blueprint_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 = (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
+  @else
+    :margin-left = -!blueprint_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 = -!blueprint_grid_outer_width * !n
+    :bottom 1.5em
+    :left = !blueprint_grid_outer_width * !n
+
+// Border on right hand side of a column.
+=border
+  :padding-right = !blueprint_grid_margin / 2 - 1
+  :margin-right = !blueprint_grid_margin / 2
+  :border-right 1px solid #eee
+
+// Border with more whitespace, spans one column.
+=colborder
+  :padding-right= !blueprint_grid_width - 0.5 * !blueprint_grid_margin - 1
+  :margin-right= !blueprint_grid_width - 0.5 * !blueprint_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

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

@@ -0,0 +1,58 @@
+@import colors.sass
+
+
+=blueprint-interaction
+  .error
+    +error
+  .notice
+    +notice
+  .success
+    +success
+  .hide
+    :display none
+  .highlight
+    +highlight
+  .added
+    +added
+  .removed
+    +removed
+
+=feedback-base
+  :padding .8em
+  :margin-bottom 1em
+  :border= 2px "solid" !feedback_border_color
+
+=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 = !highlight_color
+
+=added
+  :background = !added_bg_color
+  :color      = !added_color
+
+=removed
+  :background = !removed_bg_color
+  :color      = !removed_color

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

@@ -0,0 +1,137 @@
+//  --------------------------------------------------------------
+//  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.sass
+//  @import blueprint/modules/liquid.sass
+//  -------------------------------------------------------------------
+
+@import compass/utilities/general/clearfix.sass
+
+// Main layout grid, override these constants to build your grid and container sizes.
+// The width shown gives the right floored percentage values.
+!blueprint_liquid_grid_columns ||= 24
+!blueprint_liquid_grid_width   ||= 4.173%
+!blueprint_liquid_grid_margin  ||= 0.833em
+
+// Do not edit below this line unless you really know what you're doing.
+!blueprint_liquid_container_width = 80%
+!blueprint_liquid_container_min_width = 950px
+!blueprint_liquid_grid_push_pull = -(!blueprint_liquid_grid_margin * 4)
+
+=blueprint-liquid-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 !blueprint_liquid_grid_columns + 1
+    .span-#{!n}
+      +span(!n)
+    div
+      &.span-#{!n}
+        +column(!n, !n == !blueprint_liquid_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 !blueprint_liquid_grid_columns
+    .append-#{!n}
+      +append(!n)
+  // Add these to a column to prepend empty cols.
+  @for !n from 1 to !blueprint_liquid_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 !blueprint_liquid_grid_columns + 1
+    .pull-#{!n}
+      +pull(!n)
+  @for !n from 1 to !blueprint_liquid_grid_columns + 1
+    .push-#{!n}
+      +push(!n)
+
+=container
+  :min-width= !blueprint_liquid_container_min_width
+  :width = !blueprint_liquid_container_width
+  :margin 0 auto
+  +clearfix
+
+=span(!n)
+  :width= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
+
+=last
+  :margin-right 0
+
+=column(!n, !last = false)
+  :float left
+  :overflow hidden
+  +span(!n)
+  @if !last
+    +last
+  @else
+    :margin-right = !blueprint_liquid_grid_margin
+
+=append(!n)
+  :padding-right= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
+  
+=prepend(!n)
+  :padding-left= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
+
+=pull(!n, !last = false)
+  :margin-left= (!blueprint_liquid_grid_push_pull * !n)
+
+=push(!n)
+  :float right
+  :margin
+    :top 0
+    :left 1.5em
+    :right= (!blueprint_liquid_grid_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
+

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

@@ -0,0 +1,46 @@
+@import grid.sass
+// The styles contained here are meant to provide for an attractive experience out of the box
+// and are expected to be removed once custom visual design begins.
+
+// The +blueprint-scaffolding mixin must be mixed into the top level of your stylesheet.
+// However, you can customize the body selector if you wish to control the scope
+// of this mixin. Examples:
+// Apply to any page including the stylesheet:
+//   +blueprint-scaffolding
+// Scoped by a single presentational body class:
+//   +blueprint-scaffolding("body.blueprint")
+// Semantically:
+//   +blueprint-scaffolding("body#page-1, body#page-2, body.a-special-page-type")
+//   Alternatively, you can use the +blueprint-scaffolding-body and +blueprint-scaffolding-defaults
+//   mixins to construct your own semantic style rules.
+
+=blueprint-scaffolding(!body_selector = "body")
+  #{!body_selector}
+    +blueprint-scaffolding-body
+    @if !body_selector != "body"
+      +blueprint-scaffolding-defaults
+  @if !body_selector == "body"
+    +blueprint-scaffolding-defaults
+
+=blueprint-scaffolding-body
+  :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-defaults
+  .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,153 @@
+@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"
+
+// The +blueprint-typography mixin must be mixed into the top level of your stylesheet.
+// However, you can customize the body selector if you wish to control the scope
+// of this mixin. Examples:
+// Apply to any page including the stylesheet:
+//   +blueprint-typography
+// Scoped by a single presentational body class:
+//   +blueprint-typography("body.blueprint")
+// Semantically:
+//   +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
+//   Alternatively, you can use the +blueprint-typography-body and +blueprint-typography-defaults
+//   mixins to construct your own semantic style rules.
+
+=blueprint-typography(!body_selector = "body")
+  #{!body_selector}
+    +blueprint-typography-body
+    @if !body_selector != "body"
+      +blueprint-typography-defaults
+  @if !body_selector == "body"
+    +blueprint-typography-defaults
+
+=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-body
+  +normal-text
+  :font-size 75%
+
+=blueprint-typography-defaults
+  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,37 @@
+@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

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

@@ -0,0 +1,3 @@
+@import blueprint.sass
+
++blueprint-ie

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

@@ -0,0 +1,3 @@
+@import blueprint.sass
+
++blueprint-print

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

@@ -0,0 +1,8 @@
+@import blueprint.sass
+@import blueprint/modules/scaffolding.sass
+@import compass/reset.sass
+
++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.sass

@@ -0,0 +1 @@
+@import compass/utilities.sass

data/frameworks/compass/stylesheets/compass/_layout.sass

@@ -0,0 +1 @@
+@import layout/sticky_footer.sass

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

@@ -0,0 +1,3 @@
+@import utilities/general/reset.sass
+
++global-reset

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/layout/_sticky_footer.sass

@@ -0,0 +1,17 @@
+// Based on http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
+// Mix into the top level.
+// Footer element must be outside of root wrapper element.
+// Footer must be a fixed height.
+
+=sticky-footer(!footer_height, !root_selector = "#root", !root_footer_selector = "#root_footer", !footer_selector = "#footer")
+  html, body
+    :height 100%
+  #{!root_selector}
+    :min-height 100%
+    :margin-bottom= -!footer_height
+    #{!root_footer_selector}
+      :height= !footer_height
+  #{!footer_selector}
+    :clear both
+    :position relative
+    :height= !footer_height

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/_print.sass

@@ -0,0 +1,24 @@
+// Classes that are useful for controlling what gets printed.
+// You must mix +print-utilities into your print stylesheet
+// and +print-utilities("screen") into your screen stylesheet.
+// Note: these aren't semantic.
+=print-utilities(!media = "print")
+  @if !media == "print"
+    .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
+  @else
+    .print-only
+      :display none

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