.sidebar {
  background-color: @black080;
  color: @white;
  height: 100%;
  padding: 20px;
}

.sidebar-left {
  width: 200px;
}

.sidebar-right {
  width: 200px;
}

.sidebar-overlay {
  padding-bottom: 20px + @footer-height;
  position: fixed;
  top: @heading-height + @site-menu-height;
  z-index: 10000;

  &.sidebar-left {
    left: -240px;
  }

  &.sidebar-right {
    right: -240px;
  }
}

.sidebar-contained {
  &.sidebar-left {
    float: left;
  }

  &.sidebar-right {
    float: right;
  }
}