64 lines
1.5 KiB
SCSS
64 lines
1.5 KiB
SCSS
//
|
|
// Core: Main Sidebar
|
|
//
|
|
|
|
.sidebar-bg-dark {
|
|
@include nav-treeview-dark (
|
|
$lte-sidebar-dark-bg,
|
|
$lte-sidebar-dark-hover-bg,
|
|
$lte-sidebar-dark-color,
|
|
$lte-sidebar-dark-hover-color,
|
|
$lte-sidebar-dark-active-color,
|
|
$lte-sidebar-dark-submenu-bg,
|
|
$lte-sidebar-dark-submenu-color,
|
|
$lte-sidebar-dark-submenu-hover-color,
|
|
$lte-sidebar-dark-submenu-hover-bg,
|
|
$lte-sidebar-dark-submenu-active-color,
|
|
$lte-sidebar-dark-submenu-active-bg,
|
|
$lte-sidebar-dark-header-color
|
|
);
|
|
}
|
|
|
|
.sidebar-bg-light {
|
|
@include nav-treeview-light (
|
|
$lte-sidebar-light-bg,
|
|
$lte-sidebar-light-hover-bg,
|
|
$lte-sidebar-light-color,
|
|
$lte-sidebar-light-hover-color,
|
|
$lte-sidebar-light-active-color,
|
|
$lte-sidebar-light-submenu-bg,
|
|
$lte-sidebar-light-submenu-color,
|
|
$lte-sidebar-light-submenu-hover-color,
|
|
$lte-sidebar-light-submenu-hover-bg,
|
|
$lte-sidebar-light-submenu-active-color,
|
|
$lte-sidebar-light-submenu-active-bg,
|
|
$lte-sidebar-light-header-color
|
|
);
|
|
}
|
|
|
|
// .sidebar-color-primary {
|
|
// @include sidebar-color($primary);
|
|
// }
|
|
|
|
.main-sidebar {
|
|
grid-area: main-sidebar;
|
|
@include transition($lte-sidebar-transition);
|
|
z-index: $lte-zindex-sidebar;
|
|
min-width: $lte-sidebar-width;
|
|
max-width: $lte-sidebar-width;
|
|
|
|
.nav-sidebar > .nav-item {
|
|
> .nav-link.active {
|
|
background-color: var(--lte-sidebar-menu-active-bg);
|
|
color: var(--lte-sidebar-menu-active-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
.hold-transition {
|
|
.main-sidebar {
|
|
animation: none !important;
|
|
transition: none !important;
|
|
}
|
|
}
|