progress.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @progress-prefix-cls: ~'@{ant-prefix}-progress';
  2. .@{steps-prefix-cls}-with-progress {
  3. .@{steps-prefix-cls}-item {
  4. padding-top: 4px;
  5. & > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
  6. top: 4px;
  7. left: @steps-vertical-tail-width + 3;
  8. }
  9. }
  10. &,
  11. &.@{steps-prefix-cls}-small {
  12. &.@{steps-prefix-cls}-horizontal .@{steps-prefix-cls}-item:first-child {
  13. padding-bottom: 4px;
  14. padding-left: 4px;
  15. }
  16. }
  17. &.@{steps-prefix-cls}-small
  18. > .@{steps-prefix-cls}-item
  19. > .@{steps-prefix-cls}-item-container
  20. > .@{steps-prefix-cls}-item-tail {
  21. left: @steps-vertical-tail-width-sm + 3;
  22. }
  23. &.@{steps-prefix-cls}-vertical .@{steps-prefix-cls}-item {
  24. padding-left: 4px;
  25. }
  26. &.@{steps-prefix-cls}-label-vertical {
  27. .@{steps-prefix-cls}-item .@{steps-prefix-cls}-item-tail {
  28. top: 14px !important;
  29. }
  30. }
  31. .@{steps-prefix-cls}-item-icon {
  32. position: relative;
  33. .@{progress-prefix-cls} {
  34. position: absolute;
  35. top: -5px;
  36. right: -5px;
  37. bottom: -5px;
  38. left: -5px;
  39. }
  40. }
  41. }