91 lines
1.5 KiB
SCSS
91 lines
1.5 KiB
SCSS
//
|
|
// Core: Main Sidebar
|
|
//
|
|
|
|
// Default Sidebar Theme
|
|
@include sidebar-theme($sidebar-dark-bg, $sidebar-dark-color);
|
|
|
|
.main-sidebar {
|
|
@include transition($sidebar-transition);
|
|
z-index: $zindex-sidebar;
|
|
min-width: $sidebar-width;
|
|
max-width: $sidebar-width;
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
.main-sidebar {
|
|
margin-left: -#{$sidebar-width};
|
|
|
|
.sidebar-open & {
|
|
transform: translateX($sidebar-width);
|
|
}
|
|
}
|
|
|
|
.sidebar-mini-icon {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sidebar-open {
|
|
.content-wrapper {
|
|
opacity: .9;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding-bottom: $sidebar-padding-y;
|
|
padding-left: $sidebar-padding-x;
|
|
padding-right: $sidebar-padding-x;
|
|
padding-top: $sidebar-padding-y;
|
|
@include scrollbar-color-gray();
|
|
@include scrollbar-width-none();
|
|
|
|
&:hover {
|
|
@include scrollbar-width-thin();
|
|
}
|
|
}
|
|
|
|
// Sidebar navigation menu
|
|
.nav-sidebar {
|
|
// All levels
|
|
.nav-link > .right,
|
|
.nav-link > span > .right {
|
|
position: absolute;
|
|
right: 1rem;
|
|
top: .7rem;
|
|
}
|
|
|
|
.nav-link {
|
|
position: relative;
|
|
|
|
span {
|
|
display: inline-block;
|
|
padding-left: .5rem;
|
|
}
|
|
|
|
.nav-icon {
|
|
padding-left: .3rem;
|
|
}
|
|
}
|
|
|
|
.nav-header {
|
|
font-size: .9rem;
|
|
padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);
|
|
}
|
|
|
|
// Tree view menu
|
|
.nav-treeview {
|
|
display: none;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.menu-open > .nav-treeview {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
//
|