compatibility.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .@{steps-prefix-cls}-flex-not-supported {
  2. &.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
  3. .@{steps-prefix-cls}-item {
  4. margin-left: -16px;
  5. padding-left: 16px;
  6. background: @steps-background;
  7. }
  8. &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item {
  9. margin-left: -12px;
  10. padding-left: 12px;
  11. }
  12. }
  13. &.@{steps-prefix-cls}-dot {
  14. .@{steps-prefix-cls}-item {
  15. &:last-child {
  16. overflow: hidden;
  17. .@{steps-prefix-cls}-icon-dot::after {
  18. right: -200px;
  19. width: 200px;
  20. }
  21. }
  22. .@{steps-prefix-cls}-icon-dot::before,
  23. .@{steps-prefix-cls}-icon-dot::after {
  24. position: absolute;
  25. top: 0;
  26. left: -10px;
  27. width: 10px;
  28. height: 8px;
  29. background: @steps-background;
  30. content: '';
  31. }
  32. .@{steps-prefix-cls}-icon-dot::after {
  33. right: -10px;
  34. left: auto;
  35. }
  36. }
  37. .@{steps-prefix-cls}-item-wait
  38. .@{steps-prefix-cls}-item-icon
  39. > .@{steps-prefix-cls}-icon
  40. .@{steps-prefix-cls}-icon-dot {
  41. background: #ccc;
  42. }
  43. }
  44. }