12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- @mixin nav-treeview-dark(
- $lte-sidebar-bg,
- $lte-sidebar-hover-bg,
- $lte-sidebar-color,
- $lte-sidebar-hover-color,
- $lte-sidebar-active-color,
- $lte-sidebar-submenu-bg,
- $lte-sidebar-submenu-color,
- $lte-sidebar-submenu-hover-color,
- $lte-sidebar-submenu-hover-bg,
- $lte-sidebar-submenu-active-color,
- $lte-sidebar-submenu-active-bg,
- $lte-sidebar-header-color
- ) {
-
- background-color: $lte-sidebar-bg;
-
- .nav-sidebar > .nav-item {
-
- > .nav-link {
-
- &:active {
- color: $lte-sidebar-color;
- }
- }
-
- &.menu-open > .nav-link,
- &:hover > .nav-link,
- > .nav-link:focus {
- color: $lte-sidebar-hover-color;
- background-color: $lte-sidebar-hover-bg;
- }
- > .nav-link.active {
- color: $lte-sidebar-hover-color;
- }
-
- > .nav-treeview {
- background-color: $lte-sidebar-submenu-bg;
- }
- }
-
- .nav-header {
- color: $lte-sidebar-header-color;
- background-color: inherit;
- }
-
- .sidebar {
- a {
- color: $lte-sidebar-color;
- &:hover,
- &:focus {
- text-decoration: none;
- }
- }
- }
-
- .nav-treeview {
- > .nav-item {
- > .nav-link {
- color: $lte-sidebar-submenu-color;
- &:hover,
- &:focus {
- color: $lte-sidebar-submenu-hover-color;
- background-color: $lte-sidebar-submenu-hover-bg;
- }
- }
- > .nav-link.active {
- &,
- &:hover,
- &:focus {
- color: $lte-sidebar-submenu-active-color;
- background-color: $lte-sidebar-submenu-active-bg;
- }
- }
- }
- }
- }
|