_menu.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. }
  22. }
  23. .modern-nav-toggle {
  24. display: block;
  25. float: right;
  26. margin-top: 1px;
  27. }
  28. .nav-item {
  29. width: 100%;
  30. text-align: center;
  31. }
  32. .navbar-brand {
  33. display: inline-block;
  34. margin: 10px 0;
  35. }
  36. }
  37. }
  38. body.vertical-layout.vertical-menu-modern.menu-collapsed {
  39. .main-menu:not(.expanded) .navbar-header {
  40. width: 80px;
  41. padding: 0.35rem 15px;
  42. .logo-lg {
  43. display: none;
  44. }
  45. .logo-mini {
  46. display: inline-block;
  47. }
  48. }
  49. }