/*
 * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
 *
 * SPDX-License-Identifier: AGPL-3.0-only
 */

.sidebar-menu {
  transition: height 0.2s, flex-basis 0.2s;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 1 0;
  height: 0;

  &.show {
    height: 100%;
    flex-basis: 100%;
    overflow-y: auto;
  }

  @import "../../../../../global-styles/variables.light";
  & > div {
    background: $body-bg;
    box-shadow: inset 0 7px 7px -6px #bbbbbb;
  }

  :global(body.dark) & {
    @import "../../../../../global-styles/variables.dark";
    & > div {
      background: $body-bg;
      box-shadow: inset 0 7px 7px -6px #1d1d1d;
    }
  }
}
