active.less 719 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. //.nav-list li
  2. .nav-list li {
  3. .active_state_caret() {
  4. display: block;
  5. content: "";
  6. position: absolute;
  7. right: 0;
  8. top: 4px;
  9. border: 8px solid transparent;
  10. border-width: 14px 10px;
  11. }
  12. &.active > a:after {
  13. .active_state_caret();
  14. }
  15. &.open > a:after {
  16. //no caret for open menu item
  17. display: none;
  18. }
  19. &.active.no-active-child {
  20. > a:after {
  21. //show caret for active menu item with childs which is not open(i.e. no submenu item is active)
  22. display: block;
  23. }
  24. }
  25. }
  26. .nav-list > li {
  27. li.active > a:after {
  28. top: 2px;
  29. border-width: 14px 8px;
  30. }
  31. }
  32. .nav-list li.active:not(.open) li.active > a:after {
  33. //hide the active caret when parent submenu is being closed (not open)
  34. display: none !important;
  35. }