_menu.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. // 菜单
  40. .main-menu.menu-shadow {
  41. box-shadow: $menu-shadow;
  42. }
  43. body.vertical-layout.vertical-menu-modern.menu-collapsed {
  44. .main-menu:not(.expanded) .navbar-header {
  45. width: 80px;
  46. padding: 0.35rem 15px;
  47. .logo-lg {
  48. display: none;
  49. }
  50. .logo-mini {
  51. display: inline-block;
  52. }
  53. }
  54. }
  55. body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
  56. font-size: 1.3rem;
  57. }