_sidebar-variant.scss 1004 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. //
  2. // Mixins: Sidebar Variant
  3. //
  4. @mixin sidebar-variant(
  5. $sidebar-bg,
  6. $sidebar-hover-bg,
  7. $sidebar-color,
  8. $sidebar-hover-color,
  9. $sidebar-active-color,
  10. $sidebar-submenu-bg,
  11. $sidebar-submenu-color,
  12. $sidebar-submenu-hover-color,
  13. $sidebar-submenu-hover-bg,
  14. $sidebar-submenu-active-color,
  15. $sidebar-submenu-active-bg
  16. ) {
  17. .main-sidebar {
  18. background-color: $sidebar-bg;
  19. color: $sidebar-color;
  20. }
  21. // Sidebar navigation menu
  22. .nav-sidebar {
  23. // All levels
  24. .nav-link {
  25. color: $sidebar-color;
  26. &:hover,
  27. &:focus {
  28. color: $sidebar-hover-color;
  29. }
  30. .active {
  31. color: $sidebar-active-color;
  32. }
  33. }
  34. .nav-treeview {
  35. background-color: $sidebar-bg;
  36. }
  37. }
  38. // .sidebar-collapse:not(.layout-fixed) {
  39. // .sidebar {
  40. // .nav-sidebar .nav-item:hover {
  41. // .nav-link:not(.active) {
  42. // p {
  43. // background-color: $sidebar-bg;
  44. // }
  45. // }
  46. // }
  47. // }
  48. // }
  49. }