@import '~antd/es/steps/style/index.less';
@import '../variable.less';

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

.@{steps-prefix-cls} {
}

.@{steps-prefix-cls}-item {
  &-icon {
    border-width: @steps-icon-border-width;

    > .@{steps-prefix-cls}-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      height: @steps-icon-size;
      width: @steps-icon-size - @steps-icon-border-width -
        @steps-icon-border-width;
    }
  }

  &-title {
    padding: @steps-title-padding;
    font-size: @font-size-lg;
    line-height: @line-height-lg;

    &::after {
      top: @steps-icon-size / 2;
    }
  }
}

.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
  .@{steps-prefix-cls}-item {
    margin-right: @steps-item-margin-right;
  }
}

.@{steps-prefix-cls}-vertical {
  .@{steps-prefix-cls}-item {
    padding: @steps-vertical-item-padding;

    &-content {
      min-height: @steps-vertical-content-min-height;
    }

    &-title {
      line-height: @line-height-lg;
    }

    &-description {
      padding: @steps-vertical-description-padding;
    }
  }
}