@import './km-layout-vars'
@import './km-layout-aside'
@import './km-layout-header'
@import './km-layout-toolbar'

km-layout
  .km-layout-burger 
    display: block
    position: fixed
    top: #{$headerHeight/2-20}
    left: #{$headerHeight/2-20}
    width: 4rem
    height: 4rem
    cursor: pointer
    z-index: 100
    text-align: center
    color: $primary-color
    .material-icons
      font-size: 2.8rem
      color: darken($primary-color, 5%)
      line-height: 4rem
      transition: color .3s ease-in-out
  &.collapsed
    .km-layout-burger
      color: #fff
      .material-icons
        color: #fff