@mdsfe/mds-ui 0.4.0-rc.2 → 0.4.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/drawer.js +2 -2
  3. package/dist/mds-ui.min.js +2 -2
  4. package/dist/notification.js +2 -2
  5. package/dist/style/affix.css +1 -10
  6. package/dist/style/alert.css +1 -138
  7. package/dist/style/anchor.css +1 -58
  8. package/dist/style/avatar.css +1 -73
  9. package/dist/style/backtop.css +1 -34
  10. package/dist/style/badge.css +1 -141
  11. package/dist/style/bordershadow.css +1 -42
  12. package/dist/style/breadcrumb.css +1 -37
  13. package/dist/style/button.css +1 -2172
  14. package/dist/style/card.css +1 -156
  15. package/dist/style/carousel.css +1 -217
  16. package/dist/style/cascader.css +1 -214
  17. package/dist/style/cascaderpanel.css +1 -122
  18. package/dist/style/checkbox.css +1 -186
  19. package/dist/style/col.css +1 -2607
  20. package/dist/style/collapse.css +1 -79
  21. package/dist/style/color.css +1 -622
  22. package/dist/style/datepicker.css +1 -542
  23. package/dist/style/divider.css +1 -47
  24. package/dist/style/drawer.css +1 -2465
  25. package/dist/style/dropdown.css +1 -274
  26. package/dist/style/empty.css +1 -49
  27. package/dist/style/font.css +1 -45
  28. package/dist/style/form.css +1 -148
  29. package/dist/style/icon.css +1 -25
  30. package/dist/style/input.css +1 -760
  31. package/dist/style/inputnumber.css +1 -314
  32. package/dist/style/layout.css +1 -58
  33. package/dist/style/list.css +1 -141
  34. package/dist/style/loading.css +1 -2329
  35. package/dist/style/menu.css +1 -658
  36. package/dist/style/message.css +1 -191
  37. package/dist/style/modal.css +1 -123
  38. package/dist/style/notification.css +1 -192
  39. package/dist/style/pagination.css +1 -1190
  40. package/dist/style/popconfirm.css +1 -65
  41. package/dist/style/popover.css +1 -138
  42. package/dist/style/progress.css +1 -179
  43. package/dist/style/radio.css +1 -255
  44. package/dist/style/rate.css +1 -81
  45. package/dist/style/row.css +1 -2607
  46. package/dist/style/select.css +1 -221
  47. package/dist/style/slider.css +1 -80
  48. package/dist/style/slottable.css +1 -296
  49. package/dist/style/steps.css +1 -586
  50. package/dist/style/switch.css +1 -110
  51. package/dist/style/table.css +1 -2778
  52. package/dist/style/tabs.css +1 -518
  53. package/dist/style/tag.css +1 -421
  54. package/dist/style/text.css +1 -122
  55. package/dist/style/timeline.css +1 -88
  56. package/dist/style/timepicker.css +1 -393
  57. package/dist/style/tooltip.css +1 -161
  58. package/dist/style/transfer.css +1 -206
  59. package/dist/style/transition.css +1 -1413
  60. package/dist/style/tree.css +1 -84
  61. package/dist/style/typography.css +1 -126
  62. package/dist/style/upload.css +1 -320
  63. package/package.json +5 -1
package/dist/style/steps.css CHANGED
@@ -1,586 +1 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable declaration-bang-space-before */
3
- /* stylelint-disable declaration-bang-space-before */
4
- .mds-steps {
5
- display: flex;
6
- font-size: 0;
7
- line-height: 1.5;
8
- }
9
- .mds-steps .mds-steps-item {
10
- position: relative;
11
- display: inline-block;
12
- vertical-align: top;
13
- }
14
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner {
15
- border-color: #D8DCE6;
16
- background-color: #EEEEEE;
17
- z-index: 10;
18
- position: relative;
19
- }
20
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner > .mds-steps-icon {
21
- color: #7F8FA4;
22
- }
23
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
24
- background: rgba(0, 0, 0, 0.2);
25
- }
26
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-title {
27
- color: #7F8FA4;
28
- }
29
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-description {
30
- color: #7F8FA4;
31
- }
32
- .mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-tail > i {
33
- background-color: #D8DCE6;
34
- }
35
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner {
36
- border-color: #0364ff;
37
- background-color: #0364ff;
38
- z-index: 10;
39
- position: relative;
40
- }
41
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon {
42
- color: #fff;
43
- }
44
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
45
- background: #0364ff;
46
- }
47
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-title {
48
- color: #0366FF;
49
- }
50
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-description {
51
- color: #0366FF;
52
- }
53
- .mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-tail > i {
54
- background-color: #D8DCE6;
55
- }
56
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner {
57
- border-color: #0364ff;
58
- background-color: #fff;
59
- z-index: 10;
60
- position: relative;
61
- }
62
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner > .mds-steps-icon {
63
- color: #0364ff;
64
- }
65
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
66
- background: #0364ff;
67
- }
68
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-tail > i:after {
69
- width: 100%;
70
- background: #0364ff;
71
- transition: all .6s;
72
- opacity: 1;
73
- box-shadow: 0 0 0 0 #0364ff;
74
- animation: tailEffect .4s;
75
- }
76
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-title {
77
- color: #0366FF;
78
- }
79
- .mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-description {
80
- color: #0366FF;
81
- }
82
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner {
83
- border-color: #EE3333;
84
- background-color: #fff;
85
- z-index: 10;
86
- position: relative;
87
- }
88
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner > .mds-steps-icon {
89
- color: #EE3333;
90
- }
91
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
92
- background: #EE3333;
93
- }
94
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-title {
95
- color: #EE3333;
96
- }
97
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-description {
98
- color: #EE3333;
99
- }
100
- .mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-tail > i {
101
- background-color: #e9e9e9;
102
- }
103
- .mds-steps .mds-steps-item.mds-steps-next-error .mds-steps-tail > i,
104
- .mds-steps .mds-steps-item.mds-steps-next-error .mds-steps-tail > i:after {
105
- background-color: #EE3333;
106
- }
107
- .mds-steps .mds-steps-item.mds-steps-custom .mds-steps-head-inner {
108
- background: none;
109
- border: 0;
110
- height: auto;
111
- z-index: 10;
112
- position: relative;
113
- }
114
- .mds-steps .mds-steps-item.mds-steps-custom .mds-steps-head-inner > .mds-steps-icon {
115
- display: inline-block;
116
- font-size: 32px;
117
- width: 32px;
118
- height: 32px;
119
- }
120
- .mds-steps .mds-steps-item.mds-steps-custom.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon {
121
- color: #0364ff;
122
- }
123
- .mds-steps .mds-steps-head,
124
- .mds-steps .mds-steps-main {
125
- position: relative;
126
- display: block;
127
- }
128
- .mds-steps .mds-steps-head {
129
- background: #fff;
130
- }
131
- .mds-steps .mds-steps-head-inner {
132
- display: block;
133
- border: 1px solid rgba(0, 0, 0, 0.2);
134
- width: 32px;
135
- height: 32px;
136
- line-height: 29px;
137
- text-align: center;
138
- border-radius: 32px;
139
- font-size: 14px;
140
- margin-right: 8px;
141
- transition: background-color 0.3s ease, border-color 0.3s ease;
142
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
143
- z-index: 10;
144
- position: relative;
145
- }
146
- .mds-steps .mds-steps-head-inner > .mds-steps-icon {
147
- line-height: 1;
148
- color: #0364ff;
149
- position: relative;
150
- }
151
- .mds-steps .mds-steps-head-inner > .mds-steps-icon.mdsicon {
152
- font-size: 12px;
153
- }
154
- .mds-steps .mds-steps-head-inner > .mds-steps-icon.mdsicon-cross,
155
- .mds-steps .mds-steps-head-inner > .mds-steps-icon.mdsicon-check {
156
- font-weight: bold;
157
- }
158
- .mds-steps .mds-steps-title {
159
- font-size: 14px;
160
- line-height: 32px;
161
- color: #666666;
162
- font-weight: normal;
163
- background-color: #fff;
164
- display: inline-block;
165
- padding-right: 10px;
166
- }
167
- .mds-steps .mds-steps-title > a:first-child:last-child {
168
- color: #666666;
169
- }
170
- .mds-steps .mds-steps-item:last-child .mds-steps-title {
171
- padding-right: 0;
172
- width: 100%;
173
- }
174
- .mds-steps .mds-steps-item:last-child .mds-steps-tail {
175
- display: none;
176
- }
177
- .mds-steps .mds-steps-description {
178
- font-size: 14px;
179
- color: rgba(0, 0, 0, 0.43);
180
- }
181
- .mds-steps .mds-steps-tail {
182
- position: absolute;
183
- left: 0;
184
- width: 100%;
185
- top: 15.5px;
186
- padding: 0 10px;
187
- z-index: 1;
188
- }
189
- .mds-steps .mds-steps-tail > i {
190
- display: inline-block;
191
- vertical-align: top;
192
- background: #D8DCE6;
193
- height: 1px;
194
- border-radius: 1px;
195
- width: 100%;
196
- position: relative;
197
- }
198
- .mds-steps .mds-steps-tail > i:after {
199
- position: absolute;
200
- content: '';
201
- top: 0;
202
- width: 0;
203
- background: #e9e9e9;
204
- height: 100%;
205
- opacity: 0;
206
- }
207
- .mds-steps.mds-steps-small .mds-steps-head-inner {
208
- border: 1px solid rgba(0, 0, 0, 0.2);
209
- width: 24px;
210
- height: 24px;
211
- line-height: 21px;
212
- text-align: center;
213
- border-radius: 24px;
214
- font-size: 12px;
215
- margin-right: 10px;
216
- z-index: 10;
217
- position: relative;
218
- }
219
- .mds-steps.mds-steps-small .mds-steps-head-inner > .mds-steps-icon.mdsicon {
220
- display: inline-block;
221
- font-size: 12px;
222
- font-size: 9px ;
223
- transform: scale(0.75) rotate(0deg);
224
- /* IE6-IE8 */
225
- -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
226
- zoom: 1;
227
- top: 0;
228
- }
229
- :root .mds-steps.mds-steps-small .mds-steps-head-inner > .mds-steps-icon.mdsicon {
230
- filter: none;
231
- }
232
- :root .mds-steps.mds-steps-small .mds-steps-head-inner > .mds-steps-icon.mdsicon {
233
- font-size: 12px;
234
- }
235
- .mds-steps.mds-steps-small .mds-steps-main {
236
- margin-top: 0;
237
- }
238
- .mds-steps.mds-steps-small .mds-steps-title {
239
- font-size: 12px;
240
- line-height: 24px;
241
- color: #666666;
242
- font-weight: normal;
243
- }
244
- .mds-steps.mds-steps-small .mds-steps-description {
245
- font-size: 12px;
246
- color: rgba(0, 0, 0, 0.43);
247
- }
248
- .mds-steps.mds-steps-small .mds-steps-tail {
249
- top: 11.5px;
250
- padding: 0 8px;
251
- }
252
- .mds-steps.mds-steps-small .mds-steps-tail > i {
253
- height: 1px;
254
- border-radius: 1px;
255
- width: 100%;
256
- }
257
- .mds-steps.mds-steps-small .mds-steps-custom .mds-steps-head-inner > .mds-steps-icon {
258
- font-size: 24px;
259
- width: 24px;
260
- height: 24px;
261
- }
262
- .mds-steps-vertical {
263
- flex-flow: column;
264
- height: 100%;
265
- }
266
- .mds-steps-vertical > .mds-steps-item {
267
- display: block;
268
- }
269
- .mds-steps-vertical > .mds-steps-item > .mds-steps-tail {
270
- position: absolute;
271
- left: 15.5px;
272
- top: 0;
273
- height: 100%;
274
- width: 1px;
275
- padding: 30px 0 0;
276
- }
277
- .mds-steps-vertical > .mds-steps-item > .mds-steps-tail > i {
278
- height: 100%;
279
- width: 1px;
280
- }
281
- .mds-steps-vertical > .mds-steps-item > .mds-steps-tail > i:after {
282
- height: 0;
283
- width: 100%;
284
- }
285
- .mds-steps-vertical > .mds-steps-item > .mds-steps-step {
286
- display: flex;
287
- }
288
- .mds-steps-vertical .mds-steps-status-finish .mds-steps-tail > i:after {
289
- height: 100%;
290
- }
291
- .mds-steps-vertical .mds-steps-head {
292
- flex-grow: 0;
293
- margin-right: 16px;
294
- }
295
- .mds-steps-vertical .mds-steps-head-inner {
296
- z-index: 10;
297
- position: relative;
298
- }
299
- .mds-steps-vertical .mds-steps-main {
300
- flex-grow: 1;
301
- min-height: 47px;
302
- overflow: hidden;
303
- display: block;
304
- }
305
- .mds-steps-vertical .mds-steps-main .mds-steps-title {
306
- line-height: 32px;
307
- }
308
- .mds-steps-vertical .mds-steps-main .mds-steps-description {
309
- padding-bottom: 12px;
310
- }
311
- .mds-steps-vertical.mds-steps-small .mds-steps-tail {
312
- position: absolute;
313
- left: 11.5px;
314
- top: 0;
315
- padding: 22px 0 0;
316
- }
317
- .mds-steps-vertical.mds-steps-small .mds-steps-tail > i {
318
- height: 100%;
319
- }
320
- .mds-steps-vertical.mds-steps-small .mds-steps-title {
321
- line-height: 24px;
322
- }
323
- .mds-steps-horizontal.mds-steps-hidden {
324
- visibility: hidden;
325
- }
326
- .mds-steps-horizontal .mds-steps-description {
327
- max-width: 120px;
328
- }
329
- .mds-steps-horizontal .mds-steps-item:not(:first-child) .mds-steps-head {
330
- padding-left: 10px;
331
- margin-left: -10px;
332
- }
333
- .mds-steps-dot .mds-steps-item .mds-steps-step {
334
- display: inline-block;
335
- text-align: center;
336
- width: 120px;
337
- }
338
- .mds-steps-dot .mds-steps-item:not(:first-child) .mds-steps-head {
339
- margin-left: 0;
340
- padding-left: 0;
341
- }
342
- .mds-steps-dot .mds-steps-tail {
343
- margin: 0 0 0 60px;
344
- padding: 0;
345
- width: 100%;
346
- top: 1px;
347
- }
348
- .mds-steps-dot .mds-steps-tail > i {
349
- height: 3px;
350
- }
351
- .mds-steps-dot .mds-steps-head {
352
- display: inline-block;
353
- padding-right: 0;
354
- }
355
- .mds-steps-dot .mds-steps-head-inner {
356
- margin: 0 auto;
357
- width: 5px;
358
- height: 5px;
359
- line-height: 5px;
360
- border: 0;
361
- z-index: 10;
362
- position: relative;
363
- }
364
- .mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot {
365
- float: left;
366
- width: 100%;
367
- height: 100%;
368
- border-radius: 2.5px;
369
- position: relative;
370
- }
371
- .mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot:after {
372
- content: '';
373
- background: rgba(255, 255, 255, 0.001);
374
- width: 40px;
375
- height: 24px;
376
- position: absolute;
377
- top: -8px;
378
- left: -16px;
379
- }
380
- .mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot:hover {
381
- transform: scale(1.3);
382
- }
383
- .mds-steps-dot .mds-steps-main {
384
- display: block;
385
- margin-top: 10px;
386
- }
387
- .mds-steps-dot .mds-steps-main .mds-steps-title {
388
- padding-right: 0;
389
- background-color: transparent;
390
- }
391
- .mds-steps-dot .mds-steps-status-process .mds-steps-head {
392
- top: -1px;
393
- }
394
- .mds-steps-dot .mds-steps-status-process .mds-steps-head-inner {
395
- width: 7px;
396
- height: 7px;
397
- line-height: 7px;
398
- z-index: 10;
399
- position: relative;
400
- }
401
- .mds-steps-dot .mds-steps-status-process .mds-steps-head-inner .mds-steps-icon-dot {
402
- border-radius: 3.5px;
403
- }
404
- .mds-steps-dot.mds-steps-vertical .mds-steps-tail {
405
- left: 2px;
406
- height: 100%;
407
- padding: 0;
408
- top: 15px;
409
- }
410
- .mds-steps-dot.mds-steps-vertical .mds-steps-tail > i {
411
- height: 100%;
412
- width: 3px;
413
- }
414
- .mds-steps-dot.mds-steps-vertical .mds-steps-head {
415
- top: 12px;
416
- left: 1px;
417
- }
418
- .mds-steps-dot.mds-steps-vertical .mds-steps-status-process .mds-steps-head {
419
- left: 0;
420
- }
421
- @keyframes tailEffect {
422
- to {
423
- box-shadow: 0 0 3px 3px transparent;
424
- }
425
- }
426
- .mds-steps--simple {
427
- padding: 13px 8%;
428
- border-radius: 4px;
429
- background: #f5f7fa;
430
- }
431
- .mds-steps--simple .mds-steps-simple .mds-steps-tail {
432
- position: absolute;
433
- left: 11.5px;
434
- top: 0;
435
- padding: 22px 0 0;
436
- }
437
- .mds-steps--simple .mds-steps-simple .mds-steps-tail > i {
438
- height: 100%;
439
- }
440
- .mds-steps--simple .mds-steps-simple .mds-steps-step {
441
- display: flex;
442
- }
443
- .mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-head {
444
- background: none;
445
- }
446
- .mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-main {
447
- width: 100%;
448
- }
449
- .mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-main .mds-steps-title {
450
- background: none;
451
- }
452
- .mds-steps--simple .mds-steps-title {
453
- display: flex;
454
- flex: 1;
455
- }
456
- .mds-steps--simple .mds-steps-title .mds-steps--simple-icon {
457
- display: flex;
458
- flex: 1;
459
- align-items: center;
460
- justify-content: center;
461
- }
462
- .mds-steps--simple .mds-steps-simple:last-child {
463
- flex-basis: auto!important;
464
- flex-shrink: 0;
465
- flex-grow: 0;
466
- }
467
- .mds-steps--simple .mds-steps-simple:last-child .mdsicon {
468
- display: none;
469
- }
470
- .mds-steps--simple .mds-steps-simple {
471
- position: relative;
472
- display: inline-block;
473
- vertical-align: top;
474
- }
475
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner {
476
- border-color: #D8DCE6;
477
- background-color: #EEEEEE;
478
- z-index: 10;
479
- position: relative;
480
- }
481
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner > .mds-steps-icon {
482
- color: #7F8FA4;
483
- }
484
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
485
- background: rgba(0, 0, 0, 0.2);
486
- }
487
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-title {
488
- color: #7F8FA4;
489
- }
490
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-description {
491
- color: #7F8FA4;
492
- }
493
- .mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-tail > i {
494
- background-color: #D8DCE6;
495
- }
496
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner {
497
- border-color: #0364ff;
498
- background-color: #0364ff;
499
- z-index: 10;
500
- position: relative;
501
- }
502
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon {
503
- color: #fff;
504
- }
505
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
506
- background: #0364ff;
507
- }
508
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-title {
509
- color: #0366FF;
510
- }
511
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-description {
512
- color: #0366FF;
513
- }
514
- .mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-tail > i {
515
- background-color: #D8DCE6;
516
- }
517
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner {
518
- border-color: #0364ff;
519
- background-color: #fff;
520
- z-index: 10;
521
- position: relative;
522
- }
523
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner > .mds-steps-icon {
524
- color: #0364ff;
525
- }
526
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
527
- background: #0364ff;
528
- }
529
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-tail > i:after {
530
- width: 100%;
531
- background: #0364ff;
532
- transition: all .6s;
533
- opacity: 1;
534
- box-shadow: 0 0 0 0 #0364ff;
535
- animation: tailEffect .4s;
536
- }
537
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-title {
538
- color: #0366FF;
539
- }
540
- .mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-description {
541
- color: #0366FF;
542
- }
543
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner {
544
- border-color: #EE3333;
545
- background-color: #fff;
546
- z-index: 10;
547
- position: relative;
548
- }
549
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner > .mds-steps-icon {
550
- color: #EE3333;
551
- }
552
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner > .mds-steps-icon .mds-steps-icon-dot {
553
- background: #EE3333;
554
- }
555
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-title {
556
- color: #EE3333;
557
- }
558
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-description {
559
- color: #EE3333;
560
- }
561
- .mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-tail > i {
562
- background-color: #e9e9e9;
563
- }
564
- .mds-steps--simple .mds-steps-simple.mds-steps-next-error .mds-steps-tail > i,
565
- .mds-steps--simple .mds-steps-simple.mds-steps-next-error .mds-steps-tail > i:after {
566
- background-color: #EE3333;
567
- }
568
- .mds-steps--simple .mds-steps-simple.mds-steps-custom .mds-steps-head-inner {
569
- background: none;
570
- border: 0;
571
- height: auto;
572
- z-index: 10;
573
- position: relative;
574
- }
575
- .mds-steps--simple .mds-steps-simple.mds-steps-custom .mds-steps-head-inner > .mds-steps-icon {
576
- display: inline-block;
577
- font-size: 32px;
578
- width: 32px;
579
- height: 32px;
580
- }
581
- .mds-steps--simple .mds-steps-simple.mds-steps-custom.mds-steps-status-process .mds-steps-head-inner > .mds-steps-icon {
582
- color: #0364ff;
583
- }
584
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
585
- /* stylelint-disable declaration-bang-space-before */
586
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-steps{display:flex;font-size:0;line-height:1.5}.mds-steps .mds-steps-item{position:relative;display:inline-block;vertical-align:top}.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner{border-color:#d8dce6;background-color:#eee;z-index:10;position:relative}.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner>.mds-steps-icon{color:#7f8fa4}.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:rgba(0,0,0,.2)}.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-description,.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-title{color:#7f8fa4}.mds-steps .mds-steps-item.mds-steps-status-wait .mds-steps-tail>i{background-color:#d8dce6}.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner{border-color:#0364ff;background-color:#0364ff;z-index:10;position:relative}.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon{color:#fff}.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#0364ff}.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-description,.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-title{color:#0366ff}.mds-steps .mds-steps-item.mds-steps-status-process .mds-steps-tail>i{background-color:#d8dce6}.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner{border-color:#0364ff;background-color:#fff;z-index:10;position:relative}.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner>.mds-steps-icon{color:#0364ff}.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#0364ff}.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-tail>i:after{width:100%;background:#0364ff;transition:all .6s;opacity:1;box-shadow:0 0 0 0 #0364ff;animation:tailEffect .4s}.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-description,.mds-steps .mds-steps-item.mds-steps-status-finish .mds-steps-title{color:#0366ff}.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner{border-color:#e33;background-color:#fff;z-index:10;position:relative}.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner>.mds-steps-icon{color:#e33}.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#e33}.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-description,.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-title{color:#e33}.mds-steps .mds-steps-item.mds-steps-status-error .mds-steps-tail>i{background-color:#e9e9e9}.mds-steps .mds-steps-item.mds-steps-next-error .mds-steps-tail>i,.mds-steps .mds-steps-item.mds-steps-next-error .mds-steps-tail>i:after{background-color:#e33}.mds-steps .mds-steps-item.mds-steps-custom .mds-steps-head-inner{background:none;border:0;height:auto;z-index:10;position:relative}.mds-steps .mds-steps-item.mds-steps-custom .mds-steps-head-inner>.mds-steps-icon{display:inline-block;font-size:32px;width:32px;height:32px}.mds-steps .mds-steps-item.mds-steps-custom.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon{color:#0364ff}.mds-steps .mds-steps-head,.mds-steps .mds-steps-main{position:relative;display:block}.mds-steps .mds-steps-head{background:#fff}.mds-steps .mds-steps-head-inner{display:block;border:1px solid rgba(0,0,0,.2);width:32px;height:32px;line-height:29px;text-align:center;border-radius:32px;font-size:14px;margin-right:8px;transition:background-color .3s ease,border-color .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:10;position:relative}.mds-steps .mds-steps-head-inner>.mds-steps-icon{line-height:1;color:#0364ff;position:relative}.mds-steps .mds-steps-head-inner>.mds-steps-icon.mdsicon{font-size:12px}.mds-steps .mds-steps-head-inner>.mds-steps-icon.mdsicon-check,.mds-steps .mds-steps-head-inner>.mds-steps-icon.mdsicon-cross{font-weight:700}.mds-steps .mds-steps-title{font-size:14px;line-height:32px;color:#666;font-weight:400;background-color:#fff;display:inline-block;padding-right:10px}.mds-steps .mds-steps-title>a:first-child:last-child{color:#666}.mds-steps .mds-steps-item:last-child .mds-steps-title{padding-right:0;width:100%}.mds-steps .mds-steps-item:last-child .mds-steps-tail{display:none}.mds-steps .mds-steps-description{font-size:14px;color:rgba(0,0,0,.43)}.mds-steps .mds-steps-tail{position:absolute;left:0;width:100%;top:15.5px;padding:0 10px;z-index:1}.mds-steps .mds-steps-tail>i{display:inline-block;vertical-align:top;background:#d8dce6;height:1px;border-radius:1px;width:100%;position:relative}.mds-steps .mds-steps-tail>i:after{position:absolute;content:"";top:0;width:0;background:#e9e9e9;height:100%;opacity:0}.mds-steps.mds-steps-small .mds-steps-head-inner{border:1px solid rgba(0,0,0,.2);width:24px;height:24px;line-height:21px;text-align:center;border-radius:24px;font-size:12px;margin-right:10px;z-index:10;position:relative}.mds-steps.mds-steps-small .mds-steps-head-inner>.mds-steps-icon.mdsicon{display:inline-block;font-size:12px;font-size:9px;transform:scale(.75) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;top:0}:root .mds-steps.mds-steps-small .mds-steps-head-inner>.mds-steps-icon.mdsicon{filter:none;font-size:12px}.mds-steps.mds-steps-small .mds-steps-main{margin-top:0}.mds-steps.mds-steps-small .mds-steps-title{font-size:12px;line-height:24px;color:#666;font-weight:400}.mds-steps.mds-steps-small .mds-steps-description{font-size:12px;color:rgba(0,0,0,.43)}.mds-steps.mds-steps-small .mds-steps-tail{top:11.5px;padding:0 8px}.mds-steps.mds-steps-small .mds-steps-tail>i{height:1px;border-radius:1px;width:100%}.mds-steps.mds-steps-small .mds-steps-custom .mds-steps-head-inner>.mds-steps-icon{font-size:24px;width:24px;height:24px}.mds-steps-vertical{flex-flow:column;height:100%}.mds-steps-vertical>.mds-steps-item{display:block}.mds-steps-vertical>.mds-steps-item>.mds-steps-tail{position:absolute;left:15.5px;top:0;height:100%;width:1px;padding:30px 0 0}.mds-steps-vertical>.mds-steps-item>.mds-steps-tail>i{height:100%;width:1px}.mds-steps-vertical>.mds-steps-item>.mds-steps-tail>i:after{height:0;width:100%}.mds-steps-vertical>.mds-steps-item>.mds-steps-step{display:flex}.mds-steps-vertical .mds-steps-status-finish .mds-steps-tail>i:after{height:100%}.mds-steps-vertical .mds-steps-head{flex-grow:0;margin-right:16px}.mds-steps-vertical .mds-steps-head-inner{z-index:10;position:relative}.mds-steps-vertical .mds-steps-main{flex-grow:1;min-height:47px;overflow:hidden;display:block}.mds-steps-vertical .mds-steps-main .mds-steps-title{line-height:32px}.mds-steps-vertical .mds-steps-main .mds-steps-description{padding-bottom:12px}.mds-steps-vertical.mds-steps-small .mds-steps-tail{position:absolute;left:11.5px;top:0;padding:22px 0 0}.mds-steps-vertical.mds-steps-small .mds-steps-tail>i{height:100%}.mds-steps-vertical.mds-steps-small .mds-steps-title{line-height:24px}.mds-steps-horizontal.mds-steps-hidden{visibility:hidden}.mds-steps-horizontal .mds-steps-description{max-width:120px}.mds-steps-horizontal .mds-steps-item:not(:first-child) .mds-steps-head{padding-left:10px;margin-left:-10px}.mds-steps-dot .mds-steps-item .mds-steps-step{display:inline-block;text-align:center;width:120px}.mds-steps-dot .mds-steps-item:not(:first-child) .mds-steps-head{margin-left:0;padding-left:0}.mds-steps-dot .mds-steps-tail{margin:0 0 0 60px;padding:0;width:100%;top:1px}.mds-steps-dot .mds-steps-tail>i{height:3px}.mds-steps-dot .mds-steps-head{display:inline-block;padding-right:0}.mds-steps-dot .mds-steps-head-inner{margin:0 auto;width:5px;height:5px;line-height:5px;border:0;z-index:10;position:relative}.mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot{float:left;width:100%;height:100%;border-radius:2.5px;position:relative}.mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot:after{content:"";background:hsla(0,0%,100%,.001);width:40px;height:24px;position:absolute;top:-8px;left:-16px}.mds-steps-dot .mds-steps-head-inner .mds-steps-icon-dot:hover{transform:scale(1.3)}.mds-steps-dot .mds-steps-main{display:block;margin-top:10px}.mds-steps-dot .mds-steps-main .mds-steps-title{padding-right:0;background-color:transparent}.mds-steps-dot .mds-steps-status-process .mds-steps-head{top:-1px}.mds-steps-dot .mds-steps-status-process .mds-steps-head-inner{width:7px;height:7px;line-height:7px;z-index:10;position:relative}.mds-steps-dot .mds-steps-status-process .mds-steps-head-inner .mds-steps-icon-dot{border-radius:3.5px}.mds-steps-dot.mds-steps-vertical .mds-steps-tail{left:2px;height:100%;padding:0;top:15px}.mds-steps-dot.mds-steps-vertical .mds-steps-tail>i{height:100%;width:3px}.mds-steps-dot.mds-steps-vertical .mds-steps-head{top:12px;left:1px}.mds-steps-dot.mds-steps-vertical .mds-steps-status-process .mds-steps-head{left:0}@keyframes tailEffect{to{box-shadow:0 0 3px 3px transparent}}.mds-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.mds-steps--simple .mds-steps-simple .mds-steps-tail{position:absolute;left:11.5px;top:0;padding:22px 0 0}.mds-steps--simple .mds-steps-simple .mds-steps-tail>i{height:100%}.mds-steps--simple .mds-steps-simple .mds-steps-step{display:flex}.mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-head{background:none}.mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-main{width:100%}.mds-steps--simple .mds-steps-simple .mds-steps-step .mds-steps-main .mds-steps-title{background:none}.mds-steps--simple .mds-steps-title{display:flex;flex:1}.mds-steps--simple .mds-steps-title .mds-steps--simple-icon{display:flex;flex:1;align-items:center;justify-content:center}.mds-steps--simple .mds-steps-simple:last-child{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.mds-steps--simple .mds-steps-simple:last-child .mdsicon{display:none}.mds-steps--simple .mds-steps-simple{position:relative;display:inline-block;vertical-align:top}.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner{border-color:#d8dce6;background-color:#eee;z-index:10;position:relative}.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner>.mds-steps-icon{color:#7f8fa4}.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:rgba(0,0,0,.2)}.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-description,.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-title{color:#7f8fa4}.mds-steps--simple .mds-steps-simple.mds-steps-status-wait .mds-steps-tail>i{background-color:#d8dce6}.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner{border-color:#0364ff;background-color:#0364ff;z-index:10;position:relative}.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon{color:#fff}.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#0364ff}.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-description,.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-title{color:#0366ff}.mds-steps--simple .mds-steps-simple.mds-steps-status-process .mds-steps-tail>i{background-color:#d8dce6}.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner{border-color:#0364ff;background-color:#fff;z-index:10;position:relative}.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner>.mds-steps-icon{color:#0364ff}.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#0364ff}.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-tail>i:after{width:100%;background:#0364ff;transition:all .6s;opacity:1;box-shadow:0 0 0 0 #0364ff;animation:tailEffect .4s}.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-description,.mds-steps--simple .mds-steps-simple.mds-steps-status-finish .mds-steps-title{color:#0366ff}.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner{border-color:#e33;background-color:#fff;z-index:10;position:relative}.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner>.mds-steps-icon{color:#e33}.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-head-inner>.mds-steps-icon .mds-steps-icon-dot{background:#e33}.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-description,.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-title{color:#e33}.mds-steps--simple .mds-steps-simple.mds-steps-status-error .mds-steps-tail>i{background-color:#e9e9e9}.mds-steps--simple .mds-steps-simple.mds-steps-next-error .mds-steps-tail>i,.mds-steps--simple .mds-steps-simple.mds-steps-next-error .mds-steps-tail>i:after{background-color:#e33}.mds-steps--simple .mds-steps-simple.mds-steps-custom .mds-steps-head-inner{background:none;border:0;height:auto;z-index:10;position:relative}.mds-steps--simple .mds-steps-simple.mds-steps-custom .mds-steps-head-inner>.mds-steps-icon{display:inline-block;font-size:32px;width:32px;height:32px}.mds-steps--simple .mds-steps-simple.mds-steps-custom.mds-steps-status-process .mds-steps-head-inner>.mds-steps-icon{color:#0364ff}