compass 0.8.17 → 0.10.0.pre1

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/{frameworks/blueprint/stylesheets/blueprint/modules → lib/compass/frameworks/blueprint/stylesheets/blueprint}/_grid.sass

@@ -41,7 +41,7 @@
       +span(!n)
   .span-#{!blueprint_grid_columns}, div.span-#{!blueprint_grid_columns}
     +span(!blueprint_grid_columns)
-    :margin 0
+    margin: 0
   input, textarea, select
     @for !n from 1 through !blueprint_grid_columns
       &.span-#{!n}
@@ -76,30 +76,30 @@
 // 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
+  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
+  margin-right: 0
 
 =span(!n, !override = false)
   !width = !blueprint_grid_width * !n + (!blueprint_grid_margin * (!n - 1))
   @if !override
-    :width = !width !important
+    width= !width !important
   @else
-    :width = !width
+    width= !width
 
 =column-base(!last = false)
   +float-left
   @if !last
     +last
   @else
-    :margin-right = !blueprint_grid_margin
+    margin-right= !blueprint_grid_margin
   * html &
-    :overflow-x hidden
+    overflow-x: hidden
 
 // Use this mixins to set the width of n columns.
 =column(!n, !last = false)
@@ -109,27 +109,27 @@
 
 // Mixin to a column to append n empty cols.
 =append(!n)
-  :padding-right = (!blueprint_grid_outer_width) * !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
+  padding-left= (!blueprint_grid_outer_width) * !n
 
 =append-bottom(!amount = 1.5em)
-  :margin-bottom= !amount
+  margin-bottom= !amount
 
 =prepend-top(!amount = 1.5em)
-  :margin-top= !amount
+  margin-top= !amount
 
 =pull-base
   +float-left
-  :position relative
+  position: relative
 
 =pull-margins(!n, !last = false)
   @if !last
-    :margin-left = (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
+    margin-left= (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
   @else
-    :margin-left = -!blueprint_grid_outer_width * !n
+    margin-left= -!blueprint_grid_outer_width * !n
 
 // mixin to a column to move it n columns to the left
 =pull(!n, !last = false)
@@ -138,10 +138,10 @@
 
 =push-base
   +float-right
-  :position relative
+  position: relative
 
 =push-margins(!n)
-  :margin= 0 (-!blueprint_grid_outer_width * !n) 1.5em (!blueprint_grid_outer_width * !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)
@@ -150,29 +150,30 @@
 
 // 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}
+  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}
+  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
+  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
+  background: #fff
+  color: #fff
+  visibility: hidden

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

@@ -0,0 +1,99 @@
+// The blueprint IE mixins should be mixed into a stylesheet that gets conditionally included
+// into IE like so:
+// <!--[if lt IE 8]><link rel="stylesheet" href="ie.css"
+//                   type="text/css" media="screen, projection"><![endif]-->
+
+
+// Usage examples:
+// As a top-level mixin, apply to any page that includes the stylesheet:
+//   +blueprint-ie
+// Scoped by a presentational class:
+//   body.blueprint
+//    +blueprint-ie(true)
+// Scoped by semantic selectors:
+//   body#page-1, body#page-2, body.a-special-page-type
+//     +blueprint-ie(true)
+// Deprecated:
+//   You can pass the body selector as the first argument when used as a top-level mixin
+//   +blueprint-ie("body#page-1, body#page-2, body.a-special-page-type")
+=blueprint-ie(!body_selector = "body")
+  @if !body_selector == true
+    +blueprint-ie-body
+    +blueprint-ie-defaults
+  @else
+    #{!body_selector}
+      +blueprint-ie-body
+      @if !body_selector != "body"
+        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-ie, pass true as the first argument and mix it into #{!body_selector}."
+        +blueprint-ie-defaults
+    @if !body_selector == "body"
+      +blueprint-ie-defaults
+
+=blueprint-ie-body
+  text-align: center
+  +blueprint-ie-hacks
+  
+=blueprint-ie-hacks
+  * html &
+    legend
+      margin: 0px -8px 16px 0
+      padding: 0
+  html>&
+    p code
+      *white-space: normal
+
+// Fixes for Blueprint "inline" forms in IE
+=blueprint-inline-form-ie
+  div, p
+    vertical-align: middle
+  label
+    position: relative
+    top: -0.25em
+  input
+    &.checkbox, &.radio, &.button, button
+      margin: 0.5em 0
+
+=blueprint-ie-defaults
+  .container
+    text-align: left
+  sup
+    vertical-align: text-top
+  sub
+    vertical-align: text-bottom
+  hr
+    margin: -8px auto 11px
+  img
+    -ms-interpolation-mode: bicubic
+  fieldset
+    padding-top: 0
+  textarea
+    overflow: auto
+  input
+    &.text
+      margin: 0.5em 0
+      background-color: #fff
+      border: 1px solid #bbb
+      &:focus
+        border: 1px solid #666
+    &.title
+      margin: 0.5em 0
+      background-color: #fff
+      border: 1px solid #bbb
+      &:focus
+        border: 1px solid #666
+    &.checkbox
+      position: relative
+      top: 0.25em
+    &.radio
+      position: relative
+      top: 0.25em
+    &.button
+      position: relative
+      top: 0.25em
+  textarea
+    margin: 0.5em 0
+  select
+    margin: 0.5em 0
+  button
+    position: relative
+    top: 0.25em

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/{frameworks/blueprint/stylesheets/blueprint/modules → lib/compass/frameworks/blueprint/stylesheets/blueprint}/_link_icons.sass

@@ -1,18 +1,18 @@
 =no-link-icon
-  :background transparent none !important
-  :padding 0 !important
-  :margin 0 !important
+  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
+  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}")
+  background-image= image_url("link_icons/#{!name}")
 
 =link-icons
   a[href^="http:"],
@@ -41,4 +41,4 @@
   a[href$=".rdf"]
     +link-icon("feed.png", false)
   a[href^="aim:"]
-    +link-icon("im.png", false)
+    +link-icon("im.png", false)

data/{frameworks/blueprint/stylesheets/blueprint/modules → lib/compass/frameworks/blueprint/stylesheets/blueprint}/_liquid.sass

@@ -28,7 +28,7 @@
 //  To use:
 //  This module is a REPLACEMENT for the grid module. Simply import it:
 //  @import blueprint.sass
-//  @import blueprint/modules/liquid.sass
+//  @import blueprint/liquid.sass
 //  -------------------------------------------------------------------
 
 @import compass/utilities/general/float.sass
@@ -76,66 +76,66 @@
       +push(!n)
 
 =container
-  :min-width= !blueprint_liquid_container_min_width
-  :width = !blueprint_liquid_container_width
-  :margin 0 auto
+  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
+    width= !width !important
   @else
-    :width = !width
+    width= !width
 
 =last
-  :margin-right 0
+  margin-right: 0
 
 =column(!n, !last = false)
   +float-left
-  :overflow hidden
+  overflow: hidden
   +span(!n)
   @if !last
     +last
   @else
-    :margin-right = !blueprint_liquid_grid_margin
+    margin-right= !blueprint_liquid_grid_margin
 
 =append(!n)
-  :padding-right= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
+  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)
+  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)
+  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
+  margin:
+    top: 0
+    left: 1.5em
+    right= (!blueprint_liquid_grid_push_pull * !n)
+    bottom: 0
 
 =border
-  :border-right 1px solid #eee
+  border-right: 1px solid #eee
 
 =colborder
-  :padding-right 2%
-  :margin-right 2%
+  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
+  background: #ddd 
+  color: #ddd
+  clear: both
+  width: 100% 
+  height: 0.083em
+  margin: 0 0 1.583em
+  border: none
 
 =colspacer
   +colruler
-  :background #fff
-  :color #fff
+  background: #fff
+  color: #fff