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 | }
|