compass-edge 0.9.4 → 0.9.5.0

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

@@ -1,4 +1,4 @@
-@import modules/typography.sass
+@import typography.sass
 @import compass/utilities/general/float.sass
 
 
@@ -62,9 +62,6 @@
     font:
       size: .9em
       family= !blueprint_fixed_font_family
-  img
-    +float-left
-    margin: 1.5em 1.5em 1.5em 0
   a
     img
       border: none

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

@@ -1,3 +1,58 @@
-@import modules/reset.sass
+// Global reset rules.
+// For more specific resets, use the reset mixins provided below
+=blueprint-global-reset
+  html, body
+    +blueprint-reset
+  html
+    font-size: 100.01%
+  +blueprint-nested-reset
 
-+blueprint-global-reset
+// Reset all elements within some selector scope.To reset the selector itself,
+// mixin the appropriate reset mixin for that element type as well. This could be
+// useful if you want to style a part of your page in a dramatically different way.
+=blueprint-nested-reset
+  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
+    +blueprint-reset
+  blockquote, q
+    +blueprint-reset-quotation
+  th, td, caption
+    +blueprint-reset-table-cell
+  table
+    +blueprint-reset-table
+  a img
+    border: none
+
+=blueprint-reset-box-model
+  margin: 0
+  padding: 0
+  border: 0
+
+=blueprint-reset
+  +blueprint-reset-box-model
+  font:
+    weight: inherit
+    style: inherit
+    size: 100%
+    family: inherit
+  vertical-align: baseline
+
+=blueprint-reset-quotation
+  +blueprint-reset
+  quotes: "" ""
+  &:before,
+  &:after
+    content: ""
+
+=blueprint-reset-table-cell
+  +blueprint-reset
+  text-align: left
+  font-weight: normal
+  vertical-align: middle
+
+=blueprint-reset-table
+  +blueprint-reset
+  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/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass

@@ -0,0 +1,49 @@
+@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}
+    @if !body_selector != "body"
+      +blueprint-scaffolding-defaults
+  @if !body_selector == "body"
+    +blueprint-scaffolding-defaults
+
+// 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
+
+// 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
+  form.inline
+    +blueprint-inline-form

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

@@ -1,29 +1,2 @@
-@import modules/colors.sass
-@import modules/grid.sass
-@import modules/typography.sass
-@import modules/utilities.sass
-@import modules/form.sass
-@import modules/interaction.sass
-@import modules/debug.sass
-
-// Usage examples:
-// As a top-level mixin, apply to any page that includes the stylesheet:
-//   +blueprint
-// Scoped by a presentational class:
-//   body.blueprint
-//    +blueprint(true)
-// Scoped by semantic selectors:
-//   body#page-1, body#page-2, body.a-special-page-type
-//     +blueprint(true)
-// Deprecated:
-//   You can pass the body selector as the first argument when used as a top-level mixin
-//   +blueprint("body#page-1, body#page-2, body.a-special-page-type")
-=blueprint(!body_selector = "body")
-  @if not (!body_selector == "body" or !body_selector == true)
-    @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint, pass true as the first argument and mix it into #{!body_selector}."
-  +blueprint-typography(!body_selector)
-  +blueprint-utilities
-  +blueprint-grid
-  +blueprint-debug
-  +blueprint-interaction
-  +blueprint-form
+@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

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

@@ -0,0 +1,37 @@
+@import compass/utilities/text/nowrap.sass
+@import compass/utilities/general/float.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