// rounded bar 圆形模式下的
$b-design-step-round-medium-margin: 18px;
$b-design-step-round-finished-color: $color-brand1-1;
$b-design-step-round-process-color: linear-gradient(
  90deg,
  $color-brand1-4 10%,
  $color-brand1-6 90%
);
$b-design-step-round-left-half-round-border: $b-design-step-round-medium-margin
  0 0 $b-design-step-round-medium-margin;
$b-design-step-round-right-half-round-border: 0
  $b-design-step-round-medium-margin $b-design-step-round-medium-margin 0;
$b-design-step-round-wait-color: $color-fill1-1;
$b-design-step-round-disabled-color: $color-fill1-2;
$b-design-step-round-error-color: $color-brand7-1;
$b-design-step-round-circle-color: $color-fill1-5;

// basic-2圆形样式
$b-design-step-circle-border-width: 2px;
$b-design-step-circle-wait-underline-color: $color-fill1-3;
$b-desgin-step-circle-finished-font-color: $color-text1-5;

// basic-3点线模式
$b-design-step-item-dot-title-font-size: $s-3;
$b-design-step-item-dot-title-max-height: 14px;
$b-design-step-item-dot-content-font-size: $s-4;
$b-design-step-item-dot-content-margin-t: $s-2;
$b-design-step-item-dot-content-max-height: 18px;

// 通用样式
$b-design-step-disabled-color: $color-fill1-4;
$b-design-step-disabled-circle-color: $color-fill1-1;
$b-design-step-error-color: $color-error-2;
$b-design-step-small-size: $s-6;
$b-design-step-active-color: $color-brand1-6;
$b-design-step-dot-vertical-size: $s-2;
$b-design-step-wait-font-color: $color-text1-3;
$b-design-step-arrow-disabled-font-color: $color-text1-1;

// 不同尺寸样式
$b-design-step-medium-icon-size: $s-8;
$b-design-step-medium-icon-font-size: $s-4;
$b-design-step-medium-icon-line-height: 28px;
$b-design-step-medium-arrow-height: $s-9;
$b-design-step-medium-arrow-border: 18px;
$b-design-step-medium-circle-percent-size: $s-6;
$b-design-step-medium-circle-percent-top: $s-1;

$b-design-step-small-icon-size: $s-6;
$b-design-step-small-arrow-height: $s-7;
$b-design-step-small-icon-line-height: 20px;
$b-design-step-small-title-font-size: $s-3;
$b-design-step-small-content-font-size: 10px;
$b-design-step-small-arrow-border: 14px;
$b-design-step-small-circle-percent-size: $s-5;
$b-design-step-small-circle-percent-top: 2px;

$b-design-step-round-small-margin: 14px;
$b-design-step-round-left-half-round-border-small: $b-design-step-round-small-margin
  0 0 $b-design-step-round-small-margin;
$b-design-step-round-right-half-round-border-small: 0
  $b-design-step-round-small-margin $b-design-step-round-small-margin 0;
