| 1 | :root {
|
| 2 | --step-arrow-item-height: 32px;
|
| 3 | --step-arrow-item-border-width: calc(32px / 2);
|
| 4 | --step-arrow-item-title-size: 14px;
|
| 5 | --step-arrow-item-title-weight: bold;
|
| 6 | --step-arrow-item-wait-background: #EBECF0;
|
| 7 | --step-arrow-item-title-wait-color: #999999;
|
| 8 | --step-arrow-item-process-background: #5584FF;
|
| 9 | --step-arrow-item-title-process-color: #FFFFFF;
|
| 10 | --step-arrow-item-finish-background: #DEE8FF;
|
| 11 | --step-arrow-item-title-finish-color: #5584FF;
|
| 12 | --step-arrow-item-disabled-background: #F7F8FA;
|
| 13 | --step-arrow-item-title-disabled-color: #CCCCCC;
|
| 14 | --step-circle-item-node-padding: 8px;
|
| 15 | --step-circle-item-node-border-width: 1px;
|
| 16 | --step-circle-item-node-icon-size: 12px;
|
| 17 | --step-circle-item-node-font-size: 12px;
|
| 18 | --step-circle-item-node-corner: 50%;
|
| 19 | --step-circle-item-tail-size: 1px;
|
| 20 | --step-circle-item-title-margin-top: 8px;
|
| 21 | --step-circle-item-content-margin-top: 4px;
|
| 22 | --step-circle-item-content-font-size: 12px;
|
| 23 | --step-circle-item-body-width: 100px;
|
| 24 | --step-circle-item-title-size: 14px;
|
| 25 | --step-circle-item-title-weight: bold;
|
| 26 | --step-circle-item-node-wait-size: 32px;
|
| 27 | --step-circle-item-node-process-size: 32px;
|
| 28 | --step-circle-item-node-finish-size: 32px;
|
| 29 | --step-circle-item-node-disabled-size: 32px;
|
| 30 | --step-circle-item-tail-wait-color: #C4C6CF;
|
| 31 | --step-circle-item-tail-process-color: #C4C6CF;
|
| 32 | --step-circle-item-tail-finish-color: #5584FF;
|
| 33 | --step-circle-item-tail-disabled-color: #E6E7EB;
|
| 34 | --step-circle-item-node-wait-font-weight: normal;
|
| 35 | --step-circle-item-node-process-font-weight: normal;
|
| 36 | --step-circle-item-node-disabled-font-weight: normal;
|
| 37 | --step-circle-item-node-finish-font-weight: normal;
|
| 38 | --step-circle-item-title-wait-color: #666666;
|
| 39 | --step-circle-item-title-process-color: #333333;
|
| 40 | --step-circle-item-title-finish-color: #666666;
|
| 41 | --step-circle-item-title-disabled-color: #CCCCCC;
|
| 42 | --step-circle-item-node-wait-border-color: #A0A2AD;
|
| 43 | --step-circle-item-node-wait-background: #FFFFFF;
|
| 44 | --step-circle-item-node-wait-color: #666666;
|
| 45 | --step-circle-item-node-process-border-color: #5584FF;
|
| 46 | --step-circle-item-node-process-background: #5584FF;
|
| 47 | --step-circle-item-node-process-color: #FFFFFF;
|
| 48 | --step-circle-item-node-process-percent-color: #5584FF;
|
| 49 | --step-circle-item-node-process-percent-size: 12px;
|
| 50 | --step-circle-item-node-finish-border-color: #5584FF;
|
| 51 | --step-circle-item-node-finish-background: #FFFFFF;
|
| 52 | --step-circle-item-node-finish-color: #5584FF;
|
| 53 | --step-circle-item-node-disabled-border-color: #E6E7EB;
|
| 54 | --step-circle-item-node-disabled-background: #FFFFFF;
|
| 55 | --step-circle-item-node-disabled-color: #CCCCCC;
|
| 56 | --step-circle-vertical-item-node-padding: 8px;
|
| 57 | --step-circle-vertical-item-body-margin-left: 16px;
|
| 58 | --step-circle-vertical-item-title-margin-top: 8px;
|
| 59 | --step-circle-vertical-item-content-margin-top: 4px;
|
| 60 | --step-circle-item-content-color: #666666;
|
| 61 | --step-circle-item-tail-bg-color: #E6E7EB;
|
| 62 | --step-circle-vertical-item-tail-size: 1px;
|
| 63 | --step-dot-item-dot-padding: 8px;
|
| 64 | --step-dot-item-dot-icon-size: 12px;
|
| 65 | --step-dot-item-dot-border-width: 1px;
|
| 66 | --step-dot-item-body-width: 100px;
|
| 67 | --step-dot-item-content-margin-top: 4px;
|
| 68 | --step-dot-item-dot-corner: 50%;
|
| 69 | --step-dot-item-title-size: 12px;
|
| 70 | --step-dot-item-title-weight: bold;
|
| 71 | --step-dot-item-title-margin-top: 8px;
|
| 72 | --step-dot-item-tail-size: 1px;
|
| 73 | --step-dot-item-dot-wait-size: 12px;
|
| 74 | --step-dot-item-dot-process-size: 12px;
|
| 75 | --step-dot-item-dot-finish-size: 12px;
|
| 76 | --step-dot-item-dot-disabled-size: 12px;
|
| 77 | --step-dot-item-tail-wait-color: #C4C6CF;
|
| 78 | --step-dot-item-tail-process-color: #C4C6CF;
|
| 79 | --step-dot-item-tail-finish-color: #5584FF;
|
| 80 | --step-dot-item-tail-disabled-color: #E6E7EB;
|
| 81 | --step-dot-item-title-wait-color: #666666;
|
| 82 | --step-dot-item-title-process-color: #333333;
|
| 83 | --step-dot-item-title-finish-color: #666666;
|
| 84 | --step-dot-item-title-disabled-color: #CCCCCC;
|
| 85 | --step-dot-item-node-wait-border-color: #A0A2AD;
|
| 86 | --step-dot-item-node-wait-background: #FFFFFF;
|
| 87 | --step-dot-item-node-wait-color: #999999;
|
| 88 | --step-dot-item-node-process-border-color: #5584FF;
|
| 89 | --step-dot-item-node-process-background: #5584FF;
|
| 90 | --step-dot-item-node-process-color: #5584FF;
|
| 91 | --step-dot-item-node-finish-border-color: #5584FF;
|
| 92 | --step-dot-item-node-finish-background: #FFFFFF;
|
| 93 | --step-dot-item-node-finish-color: #5584FF;
|
| 94 | --step-dot-item-node-disabled-border-color: #DCDEE3;
|
| 95 | --step-dot-item-node-disabled-background: #FFFFFF;
|
| 96 | --step-dot-item-node-disabled-color: #E6E7EB;
|
| 97 | --step-dot-vertical-item-node-padding: 8px;
|
| 98 | --step-dot-vertical-item-body-margin-left: 16px;
|
| 99 | --step-dot-vertical-item-title-margin-top: 0px;
|
| 100 | --step-dot-vertical-item-content-margin-top: 8px;
|
| 101 | --step-dot-item-content-font-size: 12px;
|
| 102 | --step-dot-item-content-color: #666666;
|
| 103 | --step-dot-item-tail-bg-color: #E6E7EB;
|
| 104 | --step-dot-vertical-item-tail-size: 1px;
|
| 105 | }
|