@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