/*
 * Swanky Theme
 * Sidebar
 */

.sidebar
  background $block-background-colour
  position fixed
  z-index 1
  overflow-x auto
  -webkit-overflow-scrolling touch
  -ms-overflow-style none
  width $sidebar-width
  top $header-height-mobile
  bottom 0
  left -($sidebar-width)
  transition all $duration ease
  transform translate3d(0, 0, 0)

  @media screen and (min-width: $screen-is-bigger-than-tablet)
    display block
    width $sidebar-width
    top $header-height
    box-shadow none
    left 0

// Offcanvas menu
:global
  .show-nav
    #offCanvasNav
      transform: translate3d(100%, 0, 0);
      box-shadow 2px 0px 6px 0px rgba(0,0,0,0.2)

      @media screen and (min-width: $screen-is-bigger-than-tablet)
        transform translate3d(0, 0, 0)
        box-shadow none