_horizontal-menu.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .horizontal-menu {
  2. .content-wrapper, .main-footer, .main-header {
  3. margin-left: 0!important;
  4. }
  5. .header-navbar {
  6. position: -webkit-sticky;
  7. position: sticky;
  8. top: 0;
  9. }
  10. .header-navbar.navbar-horizontal,
  11. .main-horizontal-sidebar {
  12. top: 68px;
  13. left: 0;
  14. position: fixed;
  15. width: 100%;
  16. height: inherit;
  17. min-height: auto;
  18. bottom: inherit;
  19. }
  20. .nav-sidebar > .nav-item {
  21. padding-bottom: .6rem;
  22. .nav-link {
  23. color: $font-color;
  24. font-size: 1rem;
  25. padding: 0.4rem 1rem;
  26. }
  27. .nav-link.dropdown-toggle::after {
  28. margin-top: 0!important;
  29. }
  30. .nav-link.active {
  31. color: $primary;
  32. font-weight: 600;
  33. }
  34. }
  35. .nav.nav-pills {
  36. margin-bottom: 0;
  37. }
  38. .nav.dropdown-menu {
  39. display: none;
  40. margin-top: -.2rem;
  41. min-width: 200px;
  42. }
  43. .open > .nav.dropdown-menu {
  44. display: block;
  45. -webkit-animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
  46. animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
  47. }
  48. [class*=sidebar-light-] .nav-sidebar > .nav-item > .nav-treeview {
  49. background: #fff;
  50. border-radius: .4rem;
  51. }
  52. }
  53. @media (min-width: 576px) {
  54. .navbar-expand-sm {
  55. -webkit-flex-flow: row nowrap;
  56. -ms-flex-flow: row nowrap;
  57. flex-flow: row nowrap;
  58. -webkit-box-pack: start;
  59. -webkit-justify-content: flex-start;
  60. -ms-flex-pack: start;
  61. justify-content: flex-start;
  62. }
  63. .navbar-expand-sm, .navbar-expand-sm .navbar-nav {
  64. -webkit-box-orient: horizontal;
  65. -webkit-box-direction: normal;
  66. }
  67. }