@fe6/water-pro/lib/vc-steps/assets/progress-dot.less

An enterprise-class UI design language and Vue-based implementation

@import 'variables';

.@{stepsPrefixClass}-dot {
  .@{stepsPrefixClass}-item {
    &-tail {
      top: 1px;
      width: 100%;
      margin: 0 0 0 (@stepDescriptionMaxWidth / 2);
      padding: 0;

      &::after {
        height: 3px;
      }
    }
    &-icon {
      width: 5px;
      height: 5px;
      margin-left: 48px;
      padding-right: 0;
      line-height: 5px;
      border: 0;
      .@{stepsPrefixClass}-icon-dot {
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 2.5px;
      }
    }
    &-process &-icon {
      top: -1px;
      width: 7px;
      height: 7px;
      line-height: 7px;
      .@{stepsPrefixClass}-icon-dot {
        border-radius: 3.5px;
      }
    }
  }
}