megamenu.less 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. body.sticky-header-type-over.sticky-header .sticky-header-state-reset {
  2. #main-menu .mega-menu-wrap .mega-menu > li.mega-menu-item {
  3. &:not(.mega-current-menu-parent):not(.mega-current_page_parent):not(.mega-current-menu-item) > a.mega-menu-link {
  4. &, &:visited {
  5. color: var( --vamtam-main-menu-text-sticky-color ) !important;
  6. text-shadow: 0 0 4px rgba(0,0,0,0.08);
  7. }
  8. }
  9. }
  10. }
  11. body.sticky-header-type-over.sticky-header .sticky-header-state-reset .mega-menu > li {
  12. &.mega-menu-item > a.mega-menu-link {
  13. color: var( --vamtam-main-menu-text-sticky-color ) !important;
  14. transition: all .3s ease !important;
  15. &:hover {
  16. color: var( --vamtam-main-menu-text-sticky-color ) !important;
  17. opacity: 0.8 !important;
  18. }
  19. }
  20. &.mega-current_page_item > a.mega-menu-link,
  21. &.mega-current-menu-ancestor > a.mega-menu-link {
  22. opacity: 0.8 !important;
  23. }
  24. &.mega-current-menu-item:after,
  25. &.mega-current-menu-ancestor:after {
  26. background: var( --vamtam-main-menu-text-sticky-color ) !important;
  27. opacity: 0.8 !important;
  28. }
  29. }
  30. body #mega-menu-wrap-menu-header #mega-menu-menu-header > li {
  31. &.mega-current-menu-item:not(.mega-hide-arrow):after,
  32. &.mega-current-menu-ancestor:not(.mega-hide-arrow):after {
  33. content: " ";
  34. text-align: center;
  35. width: 20px;
  36. height: 3px;
  37. border-radius: var( --vamtam-border-radius );
  38. background: var( --vamtam-accent-color-1 );
  39. display: block;
  40. position: absolute;
  41. top: calc(~"50% + 14px");
  42. left: calc(~"50% - 10px");
  43. }
  44. }
  45. body #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-button > a.mega-menu-link {
  46. border-radius: 100px;
  47. border-color: transparent;
  48. padding: 0em 1.5em;
  49. background: var( --vamtam-accent-color-1 ) ;
  50. color: var( --vamtam-accent-color-5 );
  51. max-height: 36px;
  52. line-height: 36px;
  53. display: inline-block;
  54. &:hover {
  55. background: var( --vamtam-accent-color-6 );
  56. color: var( --vamtam-accent-color-5 );
  57. }
  58. }