compass-edge 0.9.4 → 0.9.5.0

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_form.sass

@@ -0,0 +1,56 @@
+@import colors.sass
+
+// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
+=blueprint-inline-form
+  line-height: 3
+  p
+    margin-bottom: 0
+
+=blueprint-form
+  +blueprint-form-layout
+  +blueprint-form-borders
+  +blueprint-form-sizes
+
+=blueprint-form-layout
+  label
+    font-weight: bold
+  fieldset
+    padding: 1.4em
+    margin: 0 0 1.5em 0
+  legend
+    font-weight: bold
+    font-size: 1.2em
+  input
+    &.text, &.title, &[type=text], &[type=password]
+      margin: 0.5em 0
+      background-color: #fff
+      padding: 5px
+    &.title  
+      font-size: 1.5em
+    &[type=checkbox], &.checkbox,
+    &[type=radio], &.radio
+      position: relative
+      top: 0.25em
+  textarea
+    margin: 0.5em 0
+    padding: 5px
+  select
+    margin: 0.5em 0
+
+=blueprint-form-sizes(!input_width = 300px, !textarea_width = 390px, !textarea_height = 250px)
+  input
+    &.text, &.title, &[type=text], &[type=password]
+      width= !input_width
+  textarea
+    width= !textarea_width
+    height= !textarea_height
+
+=blueprint-form-borders(!unfocused_border_color = #bbb, !focus_border_color = #666, !fieldset_border_color = #ccc)
+  fieldset
+    border= 1px "solid" !fieldset_border_color
+  input.text, input.title, input[type=text], input[type=password],
+  textarea,
+  select
+    border= 1px "solid" !unfocused_border_color
+    &:focus
+      border= 1px "solid" !focus_border_color

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass

@@ -0,0 +1,179 @@
+//  --------------------------------------------------------------
+//  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 Tackett     [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:
+//  * http://www.subtraction.com/2007/03/18/oh-yeeaahh
+//  --------------------------------------------------------------
+
+@import compass/utilities/general/float.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
+  .column, #{enumerate("div.span", 1, !blueprint_grid_columns)}
+    +column-base
+  // The last column in a row needs this class (or mixin) or it will end up on the next row.
+  .last, div.last
+    +last
+  // Use these classes (or mixins) to set the width of a column.
+  @for !n from 1 to !blueprint_grid_columns
+    .span-#{!n}
+      +span(!n)
+  .span-#{!blueprint_grid_columns}, div.span-#{!blueprint_grid_columns}
+    +span(!blueprint_grid_columns)
+    margin: 0
+  input, textarea, select
+    @for !n from 1 through !blueprint_grid_columns
+      &.span-#{!n}
+        +span(!n, true)
+  // 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.
+  #{enumerate(".pull", 1, !blueprint_grid_columns)}
+    +pull-base
+  @for !n from 1 through !blueprint_grid_columns
+    .pull-#{!n}
+      +pull-margins(!n)
+  #{enumerate(".push", 1, !blueprint_grid_columns)}
+    +push-base
+  @for !n from 1 through !blueprint_grid_columns
+    .push-#{!n}
+      +push-margins(!n)
+  .prepend-top
+    +prepend-top
+  .append-bottom
+    +append-bottom
+
+
+// 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, !override = false)
+  !width = !blueprint_grid_width * !n + (!blueprint_grid_margin * (!n - 1))
+  @if !override
+    width= !width !important
+  @else
+    width= !width
+
+=column-base(!last = false)
+  +float-left
+  @if !last
+    +last
+  @else
+    margin-right= !blueprint_grid_margin
+  * html &
+    overflow-x: hidden
+
+// Use this mixins to set the width of n columns.
+=column(!n, !last = false)
+  +column-base(!last)
+  +span(!n)
+
+
+// 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
+
+=append-bottom(!amount = 1.5em)
+  margin-bottom= !amount
+
+=prepend-top(!amount = 1.5em)
+  margin-top= !amount
+
+=pull-base
+  +float-left
+  position: relative
+
+=pull-margins(!n, !last = false)
+  @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 move it n columns to the left
+=pull(!n, !last = false)
+  +pull-base
+  +pull-margins(!n, !last)
+
+=push-base
+  +float-right
+  position: relative
+
+=push-margins(!n)
+  margin= 0 (-!blueprint_grid_outer_width * !n) 1.5em (!blueprint_grid_outer_width * !n)
+
+// mixin to a column to push it n columns to the right
+=push(!n)
+  +push-base
+  +push-margins(!n)
+
+// Border on right hand side of a column.
+=border(!border_color = #eee, !border_width = 1px)
+  padding-right= !blueprint_grid_margin / 2 - !border_width
+  margin-right= !blueprint_grid_margin / 2
+  border-right: #{!border_width} solid #{!border_color}
+
+// Border with more whitespace, spans one column.
+=colborder(!border_color = #eee, !border_width = 1px)
+  padding-right= floor((!blueprint_grid_width + 2 * !blueprint_grid_margin - !border_width)/2)
+  margin-right= ceil((!blueprint_grid_width + 2 * !blueprint_grid_margin - !border_width)/2)
+  border-right: #{!border_width} solid #{!border_color}
+
+// Mixin this to an hr to make a horizontal ruler across a column.
+=colruler(!border_color = #ddd)
+  background= !border_color
+  color= !border_color
+  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
+  visibility: hidden

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

@@ -56,8 +56,6 @@
 =blueprint-ie-defaults
   .container
     text-align: left
-  ol
-    margin-left: 2em
   sup
     vertical-align: text-top
   sub
@@ -68,6 +66,8 @@
     -ms-interpolation-mode: bicubic
   fieldset
     padding-top: 0
+  textarea
+    overflow: auto
   input
     &.text
       margin: 0.5em 0

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_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/lib/compass/frameworks/blueprint/stylesheets/blueprint/_link_icons.sass

@@ -0,0 +1,44 @@
+=no-link-icon
+  background: transparent none !important
+  padding: 0 !important
+  margin: 0 !important
+
+=link-icon-base
+  padding: 2px 22px 2px 0
+  margin: -2px 0
+  background-repeat: no-repeat
+  background-position: right center
+
+=link-icon(!name, !include_base = true)
+  @if !include_base
+    +link-icon-base
+  background-image= image_url("link_icons/#{!name}")
+
+=link-icons
+  a[href^="http:"],
+  a[href^="mailto:"],
+  a[href^="http:"]:visited,
+  a[href$=".pdf"],
+  a[href$=".doc"],
+  a[href$=".xls"],
+  a[href$=".rss"], 
+  a[href$=".rdf"],
+  a[href^="aim:"]
+    +link-icon-base
+  a[href^="http:"]
+    +link-icon("external.png", false)
+  a[href^="mailto:"]
+    +link-icon("email.png", false)
+  a[href^="http:"]:visited
+    +link-icon("visited.png", false)
+  a[href$=".pdf"]
+    +link-icon("pdf.png", false)
+  a[href$=".doc"]
+    +link-icon("doc.png", false)
+  a[href$=".xls"]
+    +link-icon("xls.png", false)
+  a[href$=".rss"],
+  a[href$=".rdf"]
+    +link-icon("feed.png", false)
+  a[href^="aim:"]
+    +link-icon("im.png", false)

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_liquid.sass

@@ -0,0 +1,141 @@
+//  --------------------------------------------------------------
+//  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/liquid.sass
+//  -------------------------------------------------------------------
+
+@import compass/utilities/general/float.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, !override = false)
+  !width = (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
+  @if !override
+    width= !width !important
+  @else
+    width= !width
+
+=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
+