layout.css.sass

  .cols
    position: absolute
    top: $header-height
    bottom: 0
    left: $navigation-width
    right: 0
    .col
      position: absolute
      top: 0
      bottom: 0
      overflow-x: hidden
      overflow-y: auto
      background-color: white
      @include box-shadow(0 0 6px 3px hsla(0, 0%, 0%, 0.15))
      border-left: 1px #c3c3c3 solid
    .col1
      z-index: 100
    .col2
      z-index: 200
    .col3
      z-index: 300
    .col4
      z-index: 400
    &.has-2-cols
      .col1
        width: 50%
        left: 0
      .col2
        width: 50%
        left: 50%
      .col3
        // hidden
        left: 100%
      .col4
        // hidden
        left: 100%
    &.has-3-cols
      .col1
        width: 50%
        left: 0
        &.hideleft
          @include animation(hideleft 1.0s ease forwards)
      .col2
        width: 45%
        left: 10%
      .col3
        width: 45%
        left: 55%
      .col4
        // hidden
        left: 100%
    &.has-4-cols
      .col1
        // hidden
        width: 0%
      .col2
        width: 50%
        left: 0%
      .col3
        width: 45%
        left: 10%
      .col4
        width: 45%
        left: 55%