_base.sass

// Bunch of blueprint Sass imports here.

=flatten_list
  :overflow hidden
  :margin 0
  :list-style none

=hide_text
  :text-indent -9999px

=header_replacement(!name)
  +hide_text
  :background = "url(/images/" + !name + "-header.png) no-repeat"

application.sass

@import base.sass

!divider_color = #409BAF

#header
  +container  // Makes the element a blueprint container.

  h1
    +column(24)  // Set the column width of this element.
    +hide_text  // A mixin from base.sass.
    :background url(/images/logo.png) no-repeat
    :height 123px

#content
  +container

  #videos
    +column(8, true)  // 'true' means it's the last item on the row.
    :background url(/images/videos-background.png)

    h2
      +column(2)
      +header_replacement("videos")  // I love this.

    ol
      +column(7, true)
      +flatten_list
      :overflow hidden

  #news
    +column(6)
    :clear left
    :margin 0

    h2
      +header_replacement("news")
      :background-position 5px 9px
      :border-bottom = 1px "solid" !divider_color
      :margin
        :left 1px
        :right 2px