@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}
    +blueprint-scaffolding-body
    @if !body_selector != "body"
      +blueprint-scaffolding-defaults
  @if !body_selector == "body"
    +blueprint-scaffolding-defaults

=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