// // Sidebar // ——————————
.sidebar {
@media (min-width: $screen-lg-min) { width: 250px; }
}
.sidebar {
&.affix { @media (max-width: $screen-sm-min) { position: relative; } }
}
.sidebar {
.open .dropdown-menu { margin-left: 15px; } .list-group { margin-bottom: 0; margin-top: 0; & > menu-item:first-of-type > .menu-item { border-radius: 0; border-top: 0 none; } } .action { background: $table-bg-accent; font-size: 11px; font-weight: bolder; } .menu-item { position: relative; display: block; // Place the border on the list items and negative margin up for better styling margin-bottom: -1px; background-color: $list-group-bg; border: 1px solid $list-group-border; border-width: 1px 0; word-break: break-word; a { display: block; padding: 10px 15px; text-overflow: ellipsis; white-space: nowrap; // Hover state &:hover, &:focus { text-decoration: none; background-color: $list-group-hover-bg; } // Active class on item itself, not parent &.active, &.active:hover, &.active:focus { z-index: 2; // Place active items above their siblings for proper border styling color: $list-group-active-color; background-color: $list-group-active-bg; border-color: $list-group-active-border; font-weight: bolder; } } .menu-item { a.action { padding: 10px 2.5rem; } a.main { padding: 10px 2rem; } a.main::before { content: "↳" } .menu-item { a.action { padding: 10px 3.5rem; } a.main { padding: 10px 3rem; } .menu-item { a.action { padding: 10px 4.5rem; } a.main { padding: 10px 4rem; } } } } }
}
.tab-list-group {
border: 1px solid $nav-tabs-border-color; border-radius: 3px; margin-top: 1rem;
}
.sidebar {
.nav-tabs { border: 1px solid $nav-tabs-border-color; border-width: 0 0 1px 0; li { &:first-of-type { a, a:hover, a:focus { border-left: 0 none; border-radius: 2px 2px 0 0; } } &:last-of-type { a, a:hover, a:focus { border-radius: 2px 2px 0 0; border-right: 0 none; } } a { border-bottom: 0; font-size: 12px; padding: 10px 5px; &:hover { background-color: #fff; border-color: transparent; color: $link-hover-color; } } } .active a, .active a:hover, .active a:focus { border-top: 2px solid $link-color; color: $link-color; font-weight: bold; margin-bottom: -1px; } }
}