layout.css.sass

$header-height: 54px
$navigation-width: 72px
$col-collapsed-width: 96px

.header
  height: $header-height
.main
  height: 100%
  position: absolute
  width: 100%
  .col-remove
    height: 100%
    overflow-x: hidden
    overflow-y: auto
    position: absolute
  .navigation
    position: absolute
    width: $navigation-width
    top: $header-height
    overflow: hidden
    bottom: 0
  .cols
    position: absolute
    top: $header-height
    bottom: 0
    left: $navigation-width
    right: 0
    .col1
      position: absolute
      width: 50%
      top: 0
      left: 0
      bottom: 0
      overflow-y: auto
      overflox-x: hidden
      z-index: 100
    .col2
      position: absolute
      width: 45%
      top: 0
      left: 10%
      bottom: 0
      overflow-y: auto
      overflox-x: hidden
      z-index: 200
    .col3
      position: absolute
      width: 45%
      top: 0
      left: 55%
      bottom: 0
      overflow-y: auto
      overflox-x: hidden
      z-index: 300