custom-icon.less 838 B

1234567891011121314151617181920212223242526272829303132
  1. .@{steps-prefix-cls}-item-custom {
  2. > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {
  3. height: auto;
  4. background: none;
  5. border: 0;
  6. > .@{steps-prefix-cls}-icon {
  7. top: @steps-icon-custom-top;
  8. left: 0.5px;
  9. width: @steps-icon-custom-size;
  10. height: @steps-icon-custom-size;
  11. font-size: @steps-icon-custom-font-size;
  12. line-height: @steps-icon-custom-size;
  13. }
  14. }
  15. &.@{steps-prefix-cls}-item-process {
  16. .@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {
  17. color: @process-icon-color;
  18. }
  19. }
  20. }
  21. // Only adjust horizontal customize icon width
  22. .@{steps-prefix-cls} {
  23. &:not(.@{steps-prefix-cls}-vertical) {
  24. .@{steps-prefix-cls}-item-custom {
  25. .@{steps-prefix-cls}-item-icon {
  26. width: auto;
  27. background: none;
  28. }
  29. }
  30. }
  31. }