_menu.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. font-size: 1.8rem;
  9. }
  10. .logo-lg {
  11. color: $primary;
  12. font-weight: 400;
  13. letter-spacing: 0.01rem;
  14. font-size: 1.55rem;
  15. -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  16. animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  17. }
  18. img {
  19. display: inline-block;
  20. max-width: 45px;
  21. max-height: 40px;
  22. margin-top: -1px;
  23. }
  24. }
  25. .modern-nav-toggle {
  26. display: block;
  27. float: right;
  28. margin-top: 1px;
  29. }
  30. .nav-item {
  31. width: 100%;
  32. text-align: center;
  33. }
  34. .navbar-brand {
  35. display: inline-block;
  36. margin: 10px 0;
  37. }
  38. }
  39. }
  40. .main-menu.menu-light .navigation > li.active > a {
  41. box-shadow: 0 0 4px 1px rgba($primary, 0.7);
  42. }
  43. // 菜单
  44. .main-menu.menu-shadow {
  45. box-shadow: $menu-shadow;
  46. }
  47. body.vertical-layout.vertical-menu-modern.menu-collapsed {
  48. .main-menu:not(.expanded) .navbar-header {
  49. width: 80px;
  50. padding: 0.35rem 15px;
  51. .logo-lg {
  52. display: none;
  53. }
  54. .logo-mini {
  55. display: inline-block;
  56. }
  57. }
  58. }
  59. body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
  60. font-size: 1.3rem;
  61. }