1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- //
- // 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) {
- :not(.layout-fixed).main-sidebar {
- margin-left: -#{$sidebar-width};
- .sidebar-open & {
- transform: translateX($sidebar-width);
- .sidebar-mini-icon {
- display: none;
- transition: display $transition-speed;
- }
- }
- }
- }
- .sidebar {
- height: 100%;
- 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;
- }
- }
- //
|