// Sass partial for “Table of Contents” navigation styles & overrides
// Common ToC styles shared by pre-2.3 static ToCs & dynamic ToCs // Select <nav> element based on new (Bootstrap 4) column classes
nav.col-lg-3 {
display: block; padding-top: 10px; ul { display: block; } li { display: block; position: relative; > a { display: block; margin: 0; padding: 3px 20px; @include hover-focus { @include border-radius($badge-border-radius); background-color: $gray-100; text-decoration: none; } } } .active > a { @include border-radius($badge-border-radius); background-color: $gray-200; color: $link-hover-color; }
}
// Dynamic ToC (after v2.2.2)
@mixin controller($symbol) {
content: $symbol; font-size: 0.5em; opacity: 0.5;
}
nav {
.controller { cursor: pointer; display: inline-block; height: 1em; left: -0.8em; padding-left: 0; position: absolute; width: 1em; } ul { margin-left: 10px; padding-left: 0; } li { margin-left: 2px; > a { margin-left: -13px; padding-left: 13px; padding-right: 0; } &.active { > .controller::before { color: $link-hover-color; } } &.expanded { > .controller::before { @include controller('\25BC'); } } &.collapsed { > .controller::before { @include controller('\25B6'); } > ul { display: none; } } }
}
// Pre-2.3 static ToCs
.bs-docs-sidenav li ul {
margin-left: 10px;
}
// Static page nav headers
.nav-header {
color: $gray-light; font-weight: bold; margin: 5px;
}