_navbar-vertical.scss 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. $navbar-light-bg: #FBFBFB !default;
  2. $navbar-light-hover-bg: darken($gray-100, 5%) !default;
  3. $navbar-light-active-bg: darken($gray-100, 5%) !default;
  4. $navbar-light-border-color: rgba($black, .05) !default;
  5. $navbar-light-color: rgba($black, .6) !default;
  6. $navbar-light-hover-color: rgba($black, .7) !default;
  7. $navbar-light-active-color: rgba($black, .9) !default;
  8. $navbar-light-disabled-color: rgba($black, .3) !default;
  9. $navbar-light-toggler-border-color: transparent !default;
  10. // Vertical navbar
  11. $sidenav-header-width: 4.875rem !default;
  12. $sidenav-card-opacity: .65 !default;
  13. $navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;
  14. $navbar-vertical-border-color: rgba($black, .05) !default;
  15. $navbar-vertical-width: 3.875rem !default;
  16. $navbar-vertical-open-width: 15.625rem !default;
  17. $navbar-vertical-padding-x: 1rem !default;
  18. $navbar-vertical-nav-link-padding-x: 1rem !default;
  19. $navbar-vertical-nav-link-padding-y: .675rem !default;
  20. $navbar-vertical-sidenav-normal-ml: 4.01rem !default;
  21. $navbar-vertical-m: 1rem !default;
  22. $navbar-vertical-inner: calc(100vh - 360px) !default;
  23. $navbar-icon-min-width: 1.8rem !default;
  24. $navbar-icon-margin-left: 0.15rem !default;
  25. $navbar-breadcrumb-padding-y: $nav-link-padding-y !default;
  26. $navbar-breadcrumb-padding-x: 0 !default;
  27. $navbar-light-border-color: $border-color !default;
  28. $navbar-dark-bg: transparent !default;
  29. $navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;
  30. $navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;
  31. $navbar-dark-border-color: rgba(255, 255, 255, .1) !default;
  32. $navbar-dark-color: rgba($white, .95) !default;
  33. $navbar-dark-hover-color: rgba($white, .65) !default;
  34. $navbar-dark-active-color: rgba($white, .65) !default;
  35. $navbar-dark-disabled-color: rgba($white, .25) !default;
  36. $navbar-dark-toggler-border-color: transparent !default;
  37. $navbar-padding-y: 1rem !default;
  38. $navbar-padding-x: 1rem !default;
  39. $navbar-nav-link-padding-x: 1rem !default;
  40. $navbar-nav-link-padding-y: 1rem !default;
  41. $navbar-nav-link-font-size: .875rem !default;
  42. $navbar-nav-link-font-weight: 500 !default;
  43. $navbar-nav-link-text-transform: normal !default;
  44. $navbar-nav-link-letter-spacing: 0 !default;
  45. $navbar-nav-link-border-radius: $border-radius-sm !default;
  46. $font-size-xs: ($font-size-base * .75);
  47. $transition-base-time: .25s;
  48. $transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;
  49. // Navbar collapse
  50. $navbar-vertical-collapse-dot-size: 5px !default;
  51. $navbar-vertical-collapse-dot-size-active: 8px !default;
  52. $navbar-vertical-collapse-margin-left: 1.35rem !default;
  53. $navbar-vertical-collapse-left: -18px !default;
  54. $navbar-vertical-collapse-top: 50% !default;
  55. $navbar-vertical-collapse-translate: translate(0,-50%) !default;
  56. $navbar-vertical-hidden-width: 6rem !default;
  57. // RTL Page
  58. $rtl-sidebar-bullet-right: -1.125rem !default;
  59. $rtl-sidebar-hover-padding-right: 2.5rem !default;