compass 0.8.17 → 0.10.0.pre1

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

@@ -0,0 +1,87 @@
+@import typography.sass
+@import compass/utilities/general/float.sass
+
+
+
+// Usage examples:
+// As a top-level mixin, apply to any page that includes the stylesheet:
+//   +blueprint-print
+// Scoped by a presentational class:
+//   body.blueprint
+//    +blueprint-print(true)
+// Scoped by semantic selectors:
+//   body#page-1, body#page-2, body.a-special-page-type
+//     +blueprint-print(true)
+// Deprecated:
+//   You can pass the body selector as the first argument when used as a top-level mixin
+//   +blueprint-print("body#page-1, body#page-2, body.a-special-page-type")
+=blueprint-print(!body_selector = "body")
+  @if !body_selector == true
+    +blueprint-print-body
+    +blueprint-print-defaults
+  @else
+    #{!body_selector}
+      +blueprint-print-body
+      @if !body_selector != "body"
+        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-print, pass true as the first argument and mix it into #{!body_selector}."
+        +blueprint-print-defaults
+    @if !body_selector == "body"
+      +blueprint-print-defaults
+
+// This style is in blueprint, but I think it's annoying and it doesn't work in all browsers.
+// Feel free to mix it into anchors where you want it.
+=blueprint-show-link-urls
+  &:after
+    content: " (" attr(href) ")"
+    font-size: 90%
+
+=blueprint-print-body
+  line-height: 1.5
+  font-family= !blueprint_font_family
+  color: #000
+  background: none
+  font-size: 10pt
+
+=blueprint-print-defaults
+  .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= !blueprint_font_family
+  code
+    font:
+      size: .9em
+      family= !blueprint_fixed_font_family
+  a
+    img
+      border: none
+    &:link,
+    &:visited
+      background: transparent
+      font-weight: 700
+      text-decoration: underline
+  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
+    display: none

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

@@ -3,6 +3,8 @@
 =blueprint-global-reset
   html, body
     +blueprint-reset
+  html
+    font-size: 100.01%
   +blueprint-nested-reset
 
 // Reset all elements within some selector scope.To reset the selector itself,
@@ -20,37 +22,37 @@
   table
     +blueprint-reset-table
   a img
-    :border none
+    border: none
 
 =blueprint-reset-box-model
-  :margin 0
-  :padding 0
-  :border 0
+  margin: 0
+  padding: 0
+  border: 0
 
 =blueprint-reset
   +blueprint-reset-box-model
-  :font
-    :weight inherit
-    :style inherit
-    :size 100%
-    :family inherit
-  :vertical-align baseline
+  font:
+    weight: inherit
+    style: inherit
+    size: 100%
+    family: inherit
+  vertical-align: baseline
 
 =blueprint-reset-quotation
   +blueprint-reset
-  :quotes "" ""
+  quotes: "" ""
   &:before,
   &:after
-    :content ""
+    content: ""
 
 =blueprint-reset-table-cell
   +blueprint-reset
-  :text-align left
-  :font-weight normal
-  :vertical-align middle
+  text-align: left
+  font-weight: normal
+  vertical-align: middle
 
 =blueprint-reset-table
   +blueprint-reset
-  :border-collapse separate
-  :border-spacing 0
-  :vertical-align middle
+  border-collapse: separate
+  border-spacing: 0
+  vertical-align: middle

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

@@ -0,0 +1,123 @@
+@import grid.sass
+@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
+
+// 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
+  direction: rtl
+  +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-left: 0
+
+=column-base(!last = false)
+  +float-right
+  @if !last
+    +last
+  @else
+    margin-left= !blueprint_grid_margin
+  text-align: right
+  * html &
+    overflow-x: hidden
+
+// Mixin to a column to append n empty cols.
+=append(!n)
+  padding-left= (!blueprint_grid_outer_width) * !n
+
+// Mixin to a column to prepend n empty cols.
+=prepend(!n)
+  padding-right= (!blueprint_grid_outer_width) * !n
+
+// mixin to a column to move it n columns to the left
+=pull(!n, !last = false)
+  position: relative
+  @if !last
+    margin-right= (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
+  @else
+    margin-right= -!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
+    left= -!blueprint_grid_outer_width * !n
+    bottom: 1.5em
+    right= !blueprint_grid_outer_width * !n
+
+// Border on left hand side of a column.
+=border
+  padding-left= !blueprint_grid_margin / 2 - 1
+  margin-left= !blueprint_grid_margin / 2
+  border-left: 1px solid #eee
+
+// Border with more whitespace, spans one column.
+=colborder
+  padding-left= (!blueprint_grid_width - 2 * !blueprint_grid_margin - 1)/2
+  margin-left= (!blueprint_grid_width - 2 * !blueprint_grid_margin)/2
+  border-left: 1px solid #eee
+
+// Usage examples:
+// As a top-level mixin, apply to any page that includes the stylesheet:
+//   +rtl-typography
+// Scoped by a presentational class:
+//   body.blueprint
+//    +rtl-typography(true)
+// Scoped by semantic selectors:
+//   body#page-1, body#page-2, body.a-special-page-type
+//     +rtl-typography(true)
+// Deprecated:
+//   You can pass the body selector as the first argument when used as a top-level mixin
+//   +rtl-typography("body#page-1, body#page-2, body.a-special-page-type")
+=rtl-typography(!body_selector = "body")
+  @if !body_selector == true
+    html &
+      font-family: Arial, sans-serif  
+    +rtl-typography-defaults
+  @else
+    html #{!body_selector}
+      font-family: Arial, sans-serif
+      @if !body_selector != "body"
+        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +rtl-typography, pass true as the first argument and mix it into #{!body_selector}."
+        +rtl-typography-defaults
+    @if !body_selector == "body"
+      body
+        +rtl-typography-defaults
+
+=rtl-typography-defaults
+  h1, h2, h3, h4, h5, h6
+    font-family: Arial, sans-serif
+
+  pre, code, tt
+    font-family: monospace
+
+  p
+    img.right
+      +float-left
+      margin: 1.5em 1.5em 1.5em 0
+      padding: 0
+    img.left
+      +float-right
+      margin: 1.5em 0 1.5em 1.5em
+      padding: 0
+
+  dd, ul, ol
+    margin-left: 0
+    margin-right: 1.5em
+
+  td, th
+    text-align: right

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

@@ -24,13 +24,13 @@
 // The styles this mixin provides were deprecated in Blueprint 0.9 and is no longer part of the
 // main scaffolding, but the mixin is still available if you want to use it.
 =blueprint-scaffolding-body
-  :margin 1.5em 0
+  margin: 1.5em 0
 
 // Mixin +box to create a padded box inside a column.
 =box
-  :padding 1.5em
-  :margin-bottom 1.5em
-  :background #E5ECF9
+  padding: 1.5em
+  margin-bottom: 1.5em
+  background: #E5ECF9
 
 =blueprint-scaffolding-defaults
   .box
@@ -45,3 +45,5 @@
     +colruler
   hr.space
     +colspacer
+  form.inline
+    +blueprint-inline-form

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARNING: The blueprint/screen.sass will be removed. Please import blueprint.sass instead."
+@import blueprint.sass

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

@@ -0,0 +1,162 @@
+@import colors.sass
+@import compass/utilities/links/link_colors.sass
+@import compass/utilities/general/float.sass
+
+!blueprint_font_family       ||= "Helvetica Neue, Arial, Helvetica, sans-serif"
+!blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
+!blueprint_font_size         ||= 12px
+
+// Usage examples:
+// As a top-level mixin, apply to any page that includes the stylesheet:
+//   +blueprint-typography
+// Scoped by a presentational class:
+//   body.blueprint
+//    +blueprint-typography(true)
+// Scoped by semantic selectors:
+//   body#page-1, body#page-2, body.a-special-page-type
+//     +blueprint-typography(true)
+// Deprecated:
+//   You can pass the body selector as the first argument when used as a top-level mixin
+//   +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
+=blueprint-typography(!body_selector = "body")
+  @if !body_selector == true
+    +blueprint-typography-body
+    +blueprint-typography-defaults
+  @else
+    #{!body_selector}
+      +blueprint-typography-body
+      @if !body_selector != "body"
+        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{!body_selector}."
+        +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(!font_size = !blueprint_font_size)
+  line-height: 1.5
+  +normal-text
+  font-size= 100% * !font_size / 16px
+
+=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
+  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.left
+      +float-left
+      margin: 1.5em 1.5em 1.5em 0
+      padding: 0
+    img.right
+      +float-right
+      margin: 1.5em 0 1.5em 1.5em
+      padding: 0
+  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
+    margin: 1.5em 0
+    white-space: pre
+  pre, code, tt
+    +fixed-width-text
+  li
+    ul, ol
+      margin: 0
+  ul, ol
+    margin: 0 1.5em 1.5em 0
+    padding-left: 3.333em
+  ul
+    list-style-type: disc
+  ol
+    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
+  thead th
+    background= !blueprint_table_header_color
+  th, td, caption
+    padding: 4px 10px 4px 5px
+  tr.even td
+    background= !blueprint_table_stripe_color
+  tfoot
+    font-style: italic
+  caption
+    background: #eee
+  .quiet
+    +quiet
+  .loud
+    +loud