@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); }
}