mirror of https://github.com/ColorlibHQ/AdminLTE
76 lines
1.2 KiB
SCSS
76 lines
1.2 KiB
SCSS
//
|
|
// Core: Main Sidebar
|
|
//
|
|
|
|
// Default Sidebar Theme
|
|
@include sidebar-theme($sidebar-dark-bg, $sidebar-dark-color);
|
|
|
|
.main-sidebar {
|
|
grid-area: 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 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;
|
|
}
|
|
}
|