small.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .@{steps-prefix-cls}-small {
  2. &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
  3. .@{steps-prefix-cls}-item {
  4. padding-left: 12px;
  5. &:first-child {
  6. padding-left: 0;
  7. }
  8. }
  9. .@{steps-prefix-cls}-item-icon {
  10. width: @steps-small-icon-size;
  11. height: @steps-small-icon-size;
  12. margin: @steps-small-icon-margin;
  13. font-size: @font-size-sm;
  14. line-height: @steps-small-icon-size;
  15. text-align: center;
  16. border-radius: @steps-small-icon-size;
  17. }
  18. .@{steps-prefix-cls}-item-title {
  19. padding-right: 12px;
  20. font-size: @font-size-base;
  21. line-height: @steps-small-icon-size;
  22. &::after {
  23. top: (@steps-small-icon-size / 2);
  24. }
  25. }
  26. .@{steps-prefix-cls}-item-description {
  27. color: @text-color-secondary;
  28. font-size: @font-size-base;
  29. }
  30. .@{steps-prefix-cls}-item-tail {
  31. top: 8px;
  32. }
  33. .@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
  34. width: inherit;
  35. height: inherit;
  36. line-height: inherit;
  37. background: none;
  38. border: 0;
  39. border-radius: 0;
  40. > .@{steps-prefix-cls}-icon {
  41. font-size: @steps-small-icon-size;
  42. line-height: @steps-small-icon-size;
  43. transform: none;
  44. }
  45. }
  46. }