@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.8

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 (108) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/bordershadow.js +2 -2
  3. package/dist/carousel.js +2 -2
  4. package/dist/cascader.js +4 -4
  5. package/dist/cascaderpanel.js +16 -16
  6. package/dist/collapse.js +2 -2
  7. package/dist/divider.js +2 -2
  8. package/dist/drawer.js +4 -4
  9. package/dist/empty.js +2 -2
  10. package/dist/font/full-star.b5fdf00.png +0 -0
  11. package/dist/font/half-star.2625512.png +0 -0
  12. package/dist/font/zero-star.177c19c.png +0 -0
  13. package/dist/form.js +2 -2
  14. package/dist/icon.js +13 -4
  15. package/dist/index.js +5 -5
  16. package/dist/input.js +2 -2
  17. package/dist/inputnumber.js +2 -2
  18. package/dist/layout.js +2 -2
  19. package/dist/list.js +2 -2
  20. package/dist/loading.js +2 -2
  21. package/dist/mds-ui.min.css +1 -1
  22. package/dist/mds-ui.min.js +139 -127
  23. package/dist/menu.js +4 -4
  24. package/dist/message.js +2 -2
  25. package/dist/modal.js +2 -2
  26. package/dist/notification.js +8 -8
  27. package/dist/pagination.js +4 -4
  28. package/dist/popconfirm.js +2 -2
  29. package/dist/popover.js +2 -2
  30. package/dist/progress.js +2 -2
  31. package/dist/radio.js +2 -2
  32. package/dist/rate.js +2 -2
  33. package/dist/select.js +7 -7
  34. package/dist/slider.js +2 -2
  35. package/dist/slottable.js +7 -7
  36. package/dist/steps.js +2 -2
  37. package/dist/style/affix.css +10 -1
  38. package/dist/style/alert.css +138 -1
  39. package/dist/style/anchor.css +58 -1
  40. package/dist/style/avatar.css +73 -1
  41. package/dist/style/backtop.css +34 -1
  42. package/dist/style/badge.css +141 -1
  43. package/dist/style/bordershadow.css +42 -1
  44. package/dist/style/breadcrumb.css +37 -1
  45. package/dist/style/button.css +2172 -1
  46. package/dist/style/card.css +156 -1
  47. package/dist/style/carousel.css +217 -1
  48. package/dist/style/cascader.css +214 -1
  49. package/dist/style/cascaderpanel.css +122 -1
  50. package/dist/style/checkbox.css +186 -1
  51. package/dist/style/col.css +2607 -1
  52. package/dist/style/collapse.css +79 -1
  53. package/dist/style/color.css +622 -1
  54. package/dist/style/datepicker.css +542 -1
  55. package/dist/style/divider.css +47 -1
  56. package/dist/style/drawer.css +254 -1
  57. package/dist/style/dropdown.css +274 -1
  58. package/dist/style/empty.css +49 -1
  59. package/dist/style/font.css +45 -1
  60. package/dist/style/form.css +148 -1
  61. package/dist/style/icon.css +5625 -1
  62. package/dist/style/index.css +1 -1
  63. package/dist/style/input.css +760 -1
  64. package/dist/style/inputnumber.css +314 -1
  65. package/dist/style/layout.css +58 -1
  66. package/dist/style/list.css +141 -1
  67. package/dist/style/loading.css +2329 -1
  68. package/dist/style/menu.css +658 -1
  69. package/dist/style/message.css +191 -1
  70. package/dist/style/modal.css +123 -1
  71. package/dist/style/notification.css +192 -1
  72. package/dist/style/pagination.css +1190 -1
  73. package/dist/style/popconfirm.css +65 -1
  74. package/dist/style/popover.css +138 -1
  75. package/dist/style/progress.css +179 -1
  76. package/dist/style/radio.css +255 -1
  77. package/dist/style/rate.css +81 -1
  78. package/dist/style/row.css +2607 -1
  79. package/dist/style/select.css +221 -1
  80. package/dist/style/slider.css +80 -1
  81. package/dist/style/slottable.css +296 -1
  82. package/dist/style/steps.css +586 -1
  83. package/dist/style/switch.css +110 -1
  84. package/dist/style/table.css +2778 -1
  85. package/dist/style/tabs.css +518 -1
  86. package/dist/style/tag.css +421 -1
  87. package/dist/style/text.css +122 -1
  88. package/dist/style/timeline.css +88 -1
  89. package/dist/style/timepicker.css +393 -1
  90. package/dist/style/tooltip.css +161 -1
  91. package/dist/style/transfer.css +206 -1
  92. package/dist/style/transition.css +1413 -1
  93. package/dist/style/tree.css +84 -1
  94. package/dist/style/typography.css +126 -1
  95. package/dist/style/upload.css +320 -1
  96. package/dist/switch.js +2 -2
  97. package/dist/table.js +9 -9
  98. package/dist/tabs.js +2 -2
  99. package/dist/tag.js +2 -2
  100. package/dist/text.js +2 -2
  101. package/dist/timeline.js +2 -2
  102. package/dist/timepicker.js +2 -2
  103. package/dist/tooltip.js +2 -2
  104. package/dist/transfer.js +6 -6
  105. package/dist/transition.js +2 -2
  106. package/dist/tree.js +2 -2
  107. package/dist/typography.js +2 -2
  108. package/package.json +1 -1
package/dist/style/steps.css CHANGED
@@ -1 +1,586 @@
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}
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 */