@import blueprint/reset.sass
@import partials/base.sass
@import blueprint.sass

html
  :background-color black

+blueprint-typography("body.photo")

body.photo
  :position absolute
  :top 50%
  :margin-top= -(!height / 2) - 32px
  :color= !foreground
  h1, h2, h3
    :font-variant small-caps
    :color= !foreground
  td.headerWrapper
    :padding= 0 !blueprint_grid_margin 0 0 !important
  td.photoWrapper
    :padding= 0 !blueprint_grid_margin 0 0 !important
    :vertical-align top
    .photo
      :background-repeat no-repeat
      a
        :display block
        :height 100%
        :width 100%
        :border 0

//
// GRIDS
//

!base_division = floor(!blueprint_grid_columns / 3)

=fullheight
  :height= !height + !blueprint_grid_margin

=thirds(!last = false)
  @if !last
    :height= (!height / 3) + !blueprint_grid_margin
  @else
    :height= (!height / 3) - !blueprint_grid_margin
    :margin-bottom= !blueprint_grid_margin

=halfheight(!last = false)
  @if !last
    :height= (!height / 2) + !blueprint_grid_margin
  @else
    :height= (!height / 2) - !blueprint_grid_margin
    :margin-bottom= !blueprint_grid_margin

.photo
  .full
    +container
    .photo
      +fullheight
      :margin-bottom= !blueprint_grid_margin
      +column(!blueprint_grid_columns, true)
  .two-col
    +container
    .photo
      +column(!blueprint_grid_columns / 2)
      +fullheight
    .photo + .photo
      +column(!blueprint_grid_columns / 2, true)
      +fullheight
  .three-col
    +container
    .photo
      +column(!base_division)
      +fullheight
    .photo + .photo
      +column(!base_division)
      +fullheight
    .photo + .photo + .photo
      +column(!base_division, true)
      +fullheight
  .two-row
    +container
    .photo
      +column(!blueprint_grid_columns, true)
      +halfheight
    .photo + .photo
      +halfheight(true)
  .three-row
    +container
    .photo
      +column(!blueprint_grid_columns, true)
      +thirds
    .photo + .photo + .photo
      +thirds(true)
  .one-two
    +container
    .photo
      +column(!blueprint_grid_columns, true)
      +halfheight
    .photo + .photo
      +column(!blueprint_grid_columns / 2)
      +halfheight(true)
    .photo + .photo + .photo
      +column(!blueprint_grid_columns / 2, true)
      +halfheight(true)
  .two-one
    +container
    .photo
      +column(!blueprint_grid_columns / 2)
      +halfheight
    .photo + .photo
      +column(!blueprint_grid_columns / 2, true)
      +halfheight
    .photo + .photo + .photo
      +column(!blueprint_grid_columns, true)
      +halfheight(true)
  .one-three
    +container
    .photo:first-child
      +column(!blueprint_grid_columns, true)
      +halfheight
    .photo + .photo
      +column(!blueprint_grid_columns / 3)
      +halfheight(true)
    .photo:last-child
      +column(!blueprint_grid_columns / 3, true)
      +halfheight(true)

//
// OFFSETS
//

@for !h from 0 through 10
  @for !v from 0 through 10
    !horiz = !h * 10
    !vert = !v * 10
    .offset#{!horiz}-#{!vert}
      :background-position= 1% * !horiz 1% * !vert