_nav-sidebar.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // Sidebar navigation menu
  2. .nav-sidebar {
  3. // All levels
  4. .nav-item {
  5. width: 100%;
  6. > .nav-link {
  7. margin-bottom: .2rem;
  8. .right {
  9. @include transition(transform $transition-fn $transition-speed);
  10. transform: none #{"/*rtl:rotate(-180deg)*/"};
  11. }
  12. }
  13. &:not(.menu-open) .nav-treeview {
  14. display: none;
  15. }
  16. }
  17. // All levels
  18. .nav-link > .right,
  19. .nav-link > p > .right {
  20. position: absolute;
  21. right: 1rem;
  22. top: .7rem;
  23. }
  24. .nav-link {
  25. position: relative;
  26. width: 100%;
  27. p {
  28. display: inline;
  29. padding-left: .5rem;
  30. margin: 0;
  31. }
  32. .nav-icon {
  33. padding-left: .3rem;
  34. }
  35. }
  36. .nav-header {
  37. font-size: .9rem;
  38. padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);
  39. }
  40. // Tree view menu
  41. .nav-treeview {
  42. // display: none;
  43. list-style: none;
  44. padding: 0;
  45. }
  46. .menu-open,
  47. .menu-is-opening {
  48. > .nav-link {
  49. svg.right,
  50. i.right {
  51. transform: rotate(-90deg) #{"/*rtl:rotate(-90deg)*/"};
  52. }
  53. }
  54. }
  55. }