@mixin aside-nav {

font-size: small;
width: 100%;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 15px;
align-self: start;

&__explorer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.toc {
  &__section {
    flex-direction: column;
    overflow-y: auto;
    max-height: 75vh;
  }
}

@include media-breakpoint-up(xm) {
  display: none;
}

@include media-breakpoint-up(xl) {
  display: flex;
  flex-flow: column nowrap;
  position: sticky;
  top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
}

}