layout.sass

/*
 * Layout system.
 *
 * .grid-full    - 1 column
 * .grid-nav     - 2 columns
 * .grid-compact - 3 columns
 */

$width       : 65%
$min-width   : 980px
$aside-width : 220px
$nav-width   : 160px

.grid, .grid-full
  width: $width
  min-width: $min-width
  margin: 0 auto

.grid-nav
  @extend .grid-full  
  #bd 
    .grid-b
      float: left
      width: $nav-width
    .grid-main
      background: #dde4ee
      float: right
      margin-left: -($nav-width)
      width: 100%
      .grid-b
        margin-left: $nav-width
        float: none
        width: auto

.grid-compact
  @extend .grid-nav
  #bd
    .grid-u
      float: right
      width: $aside-width
    .grid-primary
      background: #eaeef4
      float: left
      margin-right: -($aside-width)
      width: 100%
      .grid-u
        margin-right: $aside-width
        float: none
        width: auto