_menu.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .main-menu {
  2. .navbar-header {
  3. padding: 0.35rem 1rem 4.5rem;
  4. .navbar-brand {
  5. margin-top: 1.2rem;
  6. .logo-mini {
  7. display: none;
  8. }
  9. .logo-lg {
  10. color: $primary;
  11. font-weight: 600;
  12. letter-spacing: 0.01rem;
  13. font-size: 1.57rem;
  14. -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  15. animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  16. }
  17. img {
  18. display: inline-block;
  19. max-width: 45px;
  20. max-height: 40px;
  21. margin-top: -1px;
  22. }
  23. }
  24. .modern-nav-toggle {
  25. display: block;
  26. float: right;
  27. margin-top: 1px;
  28. }
  29. .nav-item {
  30. width: 100%;
  31. text-align: center;
  32. }
  33. .navbar-brand {
  34. display: inline-block;
  35. margin: 10px 0;
  36. }
  37. }
  38. }
  39. body.vertical-layout.vertical-menu-modern.menu-collapsed {
  40. .main-menu:not(.expanded) .navbar-header {
  41. width: 80px;
  42. padding: 0.35rem 15px;
  43. .logo-lg {
  44. display: none;
  45. }
  46. .logo-mini {
  47. display: inline-block;
  48. }
  49. }
  50. }