@import '../utils/base';

.menu-layout__swipeable {
  height: 100%;
}

.menu-layout__swipeable-inner {
  height: 100%;
}

.menu-layout__burger-icon {
  display: none;
  transition: color 300ms;
  position: fixed;
  top: 18px;
  z-index: 1035;
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255 255 255 / .5);

  @media (max-width: $smMax) {
    display: inline-block;
  }
}

.menu-layout__burger-icon--active {
  color: white;
}

.menu-layout__container.menu-layout__container {
  padding: 20px 0 0;
  min-height: 100%;

  @media (min-width: $mdMin) {
    padding: 30px 0 0 $asideMenuWidth;
  }
}