status.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import (reference) '../../style/themes/index';
  2. @menu-prefix-cls: ~'@{ant-prefix}-menu';
  3. .@{menu-prefix-cls} {
  4. // Danger
  5. &-item-danger&-item {
  6. color: @menu-highlight-danger-color;
  7. &:hover,
  8. &-active {
  9. color: @menu-highlight-danger-color;
  10. }
  11. &:active {
  12. background: @menu-item-active-danger-bg;
  13. }
  14. &-selected {
  15. color: @menu-highlight-danger-color;
  16. > a,
  17. > a:hover {
  18. color: @menu-highlight-danger-color;
  19. }
  20. }
  21. .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal) &-selected {
  22. background-color: @menu-item-active-danger-bg;
  23. }
  24. .@{menu-prefix-cls}-inline &::after {
  25. border-right-color: @menu-highlight-danger-color;
  26. }
  27. }
  28. // ==================== Dark ====================
  29. &-dark &-item-danger&-item {
  30. &,
  31. &:hover,
  32. & > a {
  33. color: @menu-dark-danger-color;
  34. }
  35. }
  36. &-dark&-dark:not(&-horizontal) &-item-danger&-item-selected {
  37. color: @menu-dark-highlight-color;
  38. background-color: @menu-dark-item-active-danger-bg;
  39. }
  40. }