@import '../../style/themes/default.less';

@steps-prefix-cls: ~'ant-steps';
@gts-steps-prefix-cls: ~'@{qn-prefix}-steps';

@steps-dot-top: 1px;
@steps-description-max-width: 140px;

.@{steps-prefix-cls} {
  &:not(.@{steps-prefix-cls}-dot):not(.@{steps-prefix-cls}-navigation):not(
      .@{steps-prefix-cls}-vertical
    )
    .@{steps-prefix-cls}-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  &.@{steps-prefix-cls}-navigation .@{steps-prefix-cls}-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .@{steps-prefix-cls}-item {
    &-tail {
      top: @steps-dot-top;
      &::after {
        height: 1px;
      }
    }
  }
  &-item-custom > &-item-container > &-item-icon > &-icon {
    line-height: 24px;
  }
}
.@{steps-prefix-cls}-dot,
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
  .@{steps-prefix-cls}-item {
    &-content {
      width: @steps-description-max-width;
    }
  }
}
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
  // https://github.com/ant-design/ant-design/issues/18354
  .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
    left: -10px;
  }
}