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

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 (124) hide show
  1. package/dist/affix.js +1 -1
  2. package/dist/alert.js +1 -1
  3. package/dist/anchor.js +1 -1
  4. package/dist/avatar.js +1 -1
  5. package/dist/backtop.js +1 -1
  6. package/dist/badge.js +3 -3
  7. package/dist/bordershadow.js +3 -3
  8. package/dist/breadcrumb.js +1 -1
  9. package/dist/button.js +1 -1
  10. package/dist/card.js +1 -1
  11. package/dist/carousel.js +3 -3
  12. package/dist/cascader.js +5 -5
  13. package/dist/cascaderpanel.js +17 -17
  14. package/dist/checkbox.js +1 -1
  15. package/dist/col.js +1 -1
  16. package/dist/collapse.js +3 -3
  17. package/dist/color.js +1 -1
  18. package/dist/datepicker.js +1 -1
  19. package/dist/divider.js +3 -3
  20. package/dist/drawer.js +5 -5
  21. package/dist/dropdown.js +1 -1
  22. package/dist/empty.js +3 -3
  23. package/dist/font/full-star.b5fdf00.png +0 -0
  24. package/dist/font/half-star.2625512.png +0 -0
  25. package/dist/font/zero-star.177c19c.png +0 -0
  26. package/dist/font.js +1 -1
  27. package/dist/form.js +3 -3
  28. package/dist/icon.js +14 -5
  29. package/dist/index.js +5 -5
  30. package/dist/input.js +3 -3
  31. package/dist/inputnumber.js +3 -3
  32. package/dist/layout.js +3 -3
  33. package/dist/list.js +3 -3
  34. package/dist/loading.js +3 -3
  35. package/dist/mds-ui.min.css +1 -1
  36. package/dist/mds-ui.min.js +139 -127
  37. package/dist/menu.js +5 -5
  38. package/dist/message.js +3 -3
  39. package/dist/modal.js +3 -3
  40. package/dist/notification.js +9 -9
  41. package/dist/pagination.js +5 -5
  42. package/dist/popconfirm.js +3 -3
  43. package/dist/popover.js +3 -3
  44. package/dist/progress.js +3 -3
  45. package/dist/radio.js +3 -3
  46. package/dist/rate.js +3 -3
  47. package/dist/row.js +1 -1
  48. package/dist/select.js +8 -8
  49. package/dist/slider.js +3 -3
  50. package/dist/slottable.js +8 -8
  51. package/dist/steps.js +3 -3
  52. package/dist/style/affix.css +10 -1
  53. package/dist/style/alert.css +138 -1
  54. package/dist/style/anchor.css +58 -1
  55. package/dist/style/avatar.css +73 -1
  56. package/dist/style/backtop.css +34 -1
  57. package/dist/style/badge.css +141 -1
  58. package/dist/style/bordershadow.css +42 -1
  59. package/dist/style/breadcrumb.css +37 -1
  60. package/dist/style/button.css +2172 -1
  61. package/dist/style/card.css +156 -1
  62. package/dist/style/carousel.css +217 -1
  63. package/dist/style/cascader.css +214 -1
  64. package/dist/style/cascaderpanel.css +122 -1
  65. package/dist/style/checkbox.css +186 -1
  66. package/dist/style/col.css +2607 -1
  67. package/dist/style/collapse.css +79 -1
  68. package/dist/style/color.css +622 -1
  69. package/dist/style/datepicker.css +542 -1
  70. package/dist/style/divider.css +47 -1
  71. package/dist/style/drawer.css +254 -1
  72. package/dist/style/dropdown.css +274 -1
  73. package/dist/style/empty.css +49 -1
  74. package/dist/style/font.css +45 -1
  75. package/dist/style/form.css +148 -1
  76. package/dist/style/icon.css +5625 -1
  77. package/dist/style/index.css +1 -1
  78. package/dist/style/input.css +760 -1
  79. package/dist/style/inputnumber.css +314 -1
  80. package/dist/style/layout.css +58 -1
  81. package/dist/style/list.css +141 -1
  82. package/dist/style/loading.css +2329 -1
  83. package/dist/style/menu.css +658 -1
  84. package/dist/style/message.css +191 -1
  85. package/dist/style/modal.css +123 -1
  86. package/dist/style/notification.css +192 -1
  87. package/dist/style/pagination.css +1190 -1
  88. package/dist/style/popconfirm.css +65 -1
  89. package/dist/style/popover.css +138 -1
  90. package/dist/style/progress.css +179 -1
  91. package/dist/style/radio.css +255 -1
  92. package/dist/style/rate.css +81 -1
  93. package/dist/style/row.css +2607 -1
  94. package/dist/style/select.css +221 -1
  95. package/dist/style/slider.css +80 -1
  96. package/dist/style/slottable.css +296 -1
  97. package/dist/style/steps.css +586 -1
  98. package/dist/style/switch.css +110 -1
  99. package/dist/style/table.css +2778 -1
  100. package/dist/style/tabs.css +518 -1
  101. package/dist/style/tag.css +421 -1
  102. package/dist/style/text.css +122 -1
  103. package/dist/style/timeline.css +88 -1
  104. package/dist/style/timepicker.css +393 -1
  105. package/dist/style/tooltip.css +161 -1
  106. package/dist/style/transfer.css +206 -1
  107. package/dist/style/transition.css +1413 -1
  108. package/dist/style/tree.css +84 -1
  109. package/dist/style/typography.css +126 -1
  110. package/dist/style/upload.css +320 -1
  111. package/dist/switch.js +3 -3
  112. package/dist/table.js +10 -10
  113. package/dist/tabs.js +3 -3
  114. package/dist/tag.js +3 -3
  115. package/dist/text.js +3 -3
  116. package/dist/timeline.js +3 -3
  117. package/dist/timepicker.js +3 -3
  118. package/dist/tooltip.js +3 -3
  119. package/dist/transfer.js +7 -7
  120. package/dist/transition.js +3 -3
  121. package/dist/tree.js +3 -3
  122. package/dist/typography.js +3 -3
  123. package/dist/upload.js +1 -1
  124. package/package.json +1 -1
package/dist/style/tabs.css CHANGED
@@ -1 +1,518 @@
1
- .mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-nav-container{height:46px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-ink-bar{visibility:hidden}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab{margin:0;border-bottom:0;background:#fff;border:1px solid #d8dce6}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab+.mds-tabs-tab{border-left:none;border-radius:0}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab:nth-child(2){border-top-left-radius:4px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab:last-child{border-top-right-radius:4px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab{padding:12px 16px 11px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab-active{background:#fff;border-color:#d9d9d9;color:#0364ff;padding-bottom:12px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab-inactive{padding:0}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-nav-wrap{margin-bottom:0}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab .mdsicon-close{color:rgba(0,0,0,.43);display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;margin-right:0;opacity:1;position:relative;right:2px;overflow:hidden;text-align:center;border-radius:2px;width:14px;height:14px;line-height:14px;margin-left:10px;vertical-align:text-bottom}:root .mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab .mdsicon-close{filter:none;font-size:12px}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab .mdsicon-close:hover{color:rgba(0,0,0,.85)}.mds-tabs.mds-tabs-card .mds-tabs-content>.mds-tabs-tabpane-inactive,.mds-tabs.mds-tabs-editable-card .mds-tabs-content>.mds-tabs-tabpane-inactive{overflow:hidden}.mds-tabs.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab:hover .mdsicon-close{opacity:1}.mds-tabs-extra-content{line-height:32px}.mds-tabs-extra-content .mds-tabs-new-tab{width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;border-radius:4px;border:1px solid #d9d9d9;display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;color:rgba(0,0,0,.43)}:root .mds-tabs-extra-content .mds-tabs-new-tab{filter:none;font-size:12px}.mds-tabs-extra-content .mds-tabs-new-tab:hover{color:#0364ff;border-color:#0364ff}.mds-tabs-vertical.mds-tabs-card>.mds-tabs-bar .mds-tabs-nav-container{height:auto}.mds-tabs-vertical.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab{border-bottom:1px solid #d9d9d9;margin-bottom:8px}.mds-tabs-vertical.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab-active{padding-bottom:4px}.mds-tabs-vertical.mds-tabs-card>.mds-tabs-bar .mds-tabs-tab:last-child{margin-bottom:8px}.mds-tabs-vertical.mds-tabs-card>.mds-tabs-bar .mds-tabs-new-tab{width:90%}.mds-tabs-vertical.mds-tabs-card.mds-tabs-left>.mds-tabs-bar .mds-tabs-nav-wrap{margin-right:0}.mds-tabs-vertical.mds-tabs-card.mds-tabs-left>.mds-tabs-bar .mds-tabs-tab{border-right:0;border-radius:4px 0 0 4px;margin-right:1px}.mds-tabs-vertical.mds-tabs-card.mds-tabs-left>.mds-tabs-bar .mds-tabs-tab-active{margin-right:-1px;padding-right:18px}.mds-tabs-vertical.mds-tabs-card.mds-tabs-right>.mds-tabs-bar .mds-tabs-nav-wrap{margin-left:0}.mds-tabs-vertical.mds-tabs-card.mds-tabs-right>.mds-tabs-bar .mds-tabs-tab{border-left:0;border-radius:0 4px 4px 0;margin-left:1px}.mds-tabs-vertical.mds-tabs-card.mds-tabs-right>.mds-tabs-bar .mds-tabs-tab-active{margin-left:-1px;padding-left:18px}.mds-tabs{box-sizing:border-box;position:relative;overflow:hidden;zoom:1;color:#666}.mds-tabs:after,.mds-tabs:before{content:" ";display:table}.mds-tabs:after{clear:both;visibility:hidden;font-size:0;height:0}.mds-tabs-ink-bar{z-index:1;position:absolute;left:0;bottom:1px;box-sizing:border-box;height:2px;background-color:#0364ff;transform-origin:0 0}.mds-tabs-bar{border-bottom:1px solid #d8dce6;margin-bottom:16px;outline:none}.mds-tabs-nav-container{overflow:hidden;font-size:14px;line-height:1.5;box-sizing:border-box;position:relative;white-space:nowrap;margin-bottom:-1px;zoom:1}.mds-tabs-nav-container:after,.mds-tabs-nav-container:before{content:" ";display:table}.mds-tabs-nav-container:after{clear:both;visibility:hidden;font-size:0;height:0}.mds-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.mds-tabs-tab-next,.mds-tabs-tab-prev{user-select:none;z-index:2;width:0;height:100%;line-height:32px;cursor:pointer;border:0;background-color:transparent;position:absolute;text-align:center;color:rgba(0,0,0,.43);opacity:0;pointer-events:none}.mds-tabs-tab-next.mds-tabs-tab-arrow-show,.mds-tabs-tab-prev.mds-tabs-tab-arrow-show{opacity:1;width:32px;height:100%;pointer-events:auto}.mds-tabs-tab-next:hover,.mds-tabs-tab-prev:hover{color:#666}.mds-tabs-tab-next-icon,.mds-tabs-tab-prev-icon{font-style:normal;font-weight:700;font-variant:normal;line-height:inherit;vertical-align:baseline;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;text-transform:none}.mds-tabs-tab-next-icon:before,.mds-tabs-tab-prev-icon:before{display:block;font-family:mdsicon!important;display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;transform:rotate(-180deg)}:root .mds-tabs-tab-next-icon:before,:root .mds-tabs-tab-prev-icon:before{filter:none;font-size:12px}.mds-tabs-tab-btn-disabled{cursor:not-allowed}.mds-tabs-tab-btn-disabled,.mds-tabs-tab-btn-disabled:hover{color:rgba(0,0,0,.2)}.mds-tabs-tab-next{right:2px}.mds-tabs-tab-next-icon:before{content:"\E61F"}.mds-tabs-tab-prev{left:0}.mds-tabs-tab-prev-icon:before{content:"\E620"}:root .mds-tabs-tab-prev{filter:none}.mds-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.mds-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.mds-tabs-nav{box-sizing:border-box;padding-left:0;position:relative;margin:0;list-style:none;display:inline-block}.mds-tabs-nav:after,.mds-tabs-nav:before{display:table;content:" "}.mds-tabs-nav:after{clear:both}.mds-tabs-nav .mds-tabs-tab{display:inline-block;height:100%;margin-right:24px;box-sizing:border-box;position:relative;padding:8px 20px;transition:color .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;text-decoration:none}.mds-tabs-nav .mds-tabs-tab:last-child{margin-right:0}.mds-tabs-nav .mds-tabs-tab:hover{color:#3f89ff}.mds-tabs-nav .mds-tabs-tab:active{color:#0252dd}.mds-tabs-nav .mds-tabs-tab .mdsicon{width:14px;height:14px;margin-right:8px}.mds-tabs-nav .mds-tabs-tab-disabled{cursor:not-allowed;color:rgba(0,0,0,.2)!important}.mds-tabs-nav .mds-tabs-tab-active{color:#0364ff}.mds-tabs-mini .mds-tabs-nav-container{font-size:12px}.mds-tabs-tab-next,.mds-tabs-tab-prev{display:inline-block;height:46px;line-height:46px}.mds-tabs-mini .mds-tabs-tab{margin-right:0;padding:8px 16px}.mds-tabs:not(.mds-tabs-vertical)>.mds-tabs-content{width:100%}.mds-tabs:not(.mds-tabs-vertical)>.mds-tabs-content>.mds-tabs-tabpane{flex-shrink:0;width:100%;opacity:1}.mds-tabs:not(.mds-tabs-vertical)>.mds-tabs-content>.mds-tabs-tabpane-inactive{opacity:0;height:0;padding:0!important;pointer-events:none}.mds-tabs:not(.mds-tabs-vertical)>.mds-tabs-content-animated{display:flex;flex-direction:row;will-change:margin-left}.mds-tabs-vertical>.mds-tabs-bar{border-bottom:0;height:100%}.mds-tabs-vertical>.mds-tabs-bar-tab-next,.mds-tabs-vertical>.mds-tabs-bar-tab-prev{width:32px;height:0}.mds-tabs-vertical>.mds-tabs-bar-tab-next.mds-tabs-tab-arrow-show,.mds-tabs-vertical>.mds-tabs-bar-tab-prev.mds-tabs-tab-arrow-show{width:100%;height:32px}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab{float:none;margin-right:0;margin-bottom:16px;display:block;padding:8px 24px}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab:last-child{margin-bottom:0}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-extra-content{text-align:center}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-scroll{width:auto}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-container,.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-wrap{height:100%}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-container{margin-bottom:0}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-container.mds-tabs-nav-container-scrolling{padding:32px 0}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav-wrap{margin-bottom:0}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-nav{width:100%}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-ink-bar{width:2px;left:auto;height:auto;top:0}.mds-tabs-vertical>.mds-tabs-content{overflow:hidden;width:auto;margin-top:0!important}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab-next{width:100%;bottom:0;height:32px}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab-next-icon:before{content:"\E61D"}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab-prev{top:0;width:100%;height:32px}.mds-tabs-vertical>.mds-tabs-bar .mds-tabs-tab-prev-icon:before{content:"\E61E"}.mds-tabs-vertical.mds-tabs-left>.mds-tabs-bar{float:left;border-right:1px solid #e9e9e9;margin-right:-1px;margin-bottom:0}.mds-tabs-vertical.mds-tabs-left>.mds-tabs-bar .mds-tabs-tab{text-align:right}.mds-tabs-vertical.mds-tabs-left>.mds-tabs-bar .mds-tabs-nav-container,.mds-tabs-vertical.mds-tabs-left>.mds-tabs-bar .mds-tabs-nav-wrap{margin-right:-1px}.mds-tabs-vertical.mds-tabs-left>.mds-tabs-bar .mds-tabs-ink-bar{right:1px}.mds-tabs-vertical.mds-tabs-left>.mds-tabs-content{padding-left:24px;border-left:1px solid #e9e9e9}.mds-tabs-vertical.mds-tabs-right>.mds-tabs-bar{float:right;border-left:1px solid #e9e9e9;margin-left:-1px;margin-bottom:0}.mds-tabs-vertical.mds-tabs-right>.mds-tabs-bar .mds-tabs-nav-container,.mds-tabs-vertical.mds-tabs-right>.mds-tabs-bar .mds-tabs-nav-wrap{margin-left:-1px}.mds-tabs-vertical.mds-tabs-right>.mds-tabs-bar .mds-tabs-ink-bar{left:1px}.mds-tabs-vertical.mds-tabs-right>.mds-tabs-content{padding-right:24px;border-right:1px solid #e9e9e9}.mds-tabs-bottom>.mds-tabs-bar{margin-bottom:0;margin-top:16px}.mds-tabs-bottom .mds-tabs-ink-bar-animated,.mds-tabs-top .mds-tabs-ink-bar-animated{transition:transform .3s cubic-bezier(.645,.045,.355,1)}.mds-tabs-left .mds-tabs-ink-bar-animated,.mds-tabs-right .mds-tabs-ink-bar-animated{transition:transform .3s cubic-bezier(.645,.045,.355,1),height .3s cubic-bezier(.645,.045,.355,1)}.mds-tabs-no-animation>.mds-tabs-content-animated,.mds-tabs-vertical>.mds-tabs-content-animated,.no-flex>.mds-tabs-content-animated{transform:none!important;margin-left:0!important}.mds-tabs-no-animation>.mds-tabs-content>.mds-tabs-tabpane-inactive,.mds-tabs-vertical>.mds-tabs-content>.mds-tabs-tabpane-inactive,.no-flex>.mds-tabs-content>.mds-tabs-tabpane-inactive{display:none}
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-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-nav-container {
5
+ height: 46px;
6
+ }
7
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-ink-bar {
8
+ visibility: hidden;
9
+ }
10
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab {
11
+ margin: 0;
12
+ border-bottom: 0;
13
+ background: #ffffff;
14
+ border: 1px solid #d8dce6;
15
+ }
16
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab + .mds-tabs-tab {
17
+ border-left: none;
18
+ border-radius: 0;
19
+ }
20
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab:nth-child(2) {
21
+ border-top-left-radius: 4px;
22
+ }
23
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab:last-child {
24
+ border-top-right-radius: 4px;
25
+ }
26
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab {
27
+ padding: 12px 16px 11px 16px;
28
+ }
29
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab-active {
30
+ background: #fff;
31
+ border-color: #d9d9d9;
32
+ color: #0364ff;
33
+ padding-bottom: 12px;
34
+ }
35
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab-inactive {
36
+ padding: 0;
37
+ }
38
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-nav-wrap {
39
+ margin-bottom: 0;
40
+ }
41
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab .mdsicon-close {
42
+ color: rgba(0, 0, 0, 0.43);
43
+ display: inline-block;
44
+ font-size: 12px;
45
+ font-size: 10px ;
46
+ transform: scale(0.83333333) rotate(0deg);
47
+ /* IE6-IE8 */
48
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
49
+ zoom: 1;
50
+ margin-right: 0;
51
+ opacity: 1;
52
+ position: relative;
53
+ right: 2px;
54
+ overflow: hidden;
55
+ text-align: center;
56
+ border-radius: 2px;
57
+ width: 14px;
58
+ height: 14px;
59
+ line-height: 14px;
60
+ margin-left: 10px;
61
+ vertical-align: text-bottom;
62
+ }
63
+ :root .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab .mdsicon-close {
64
+ filter: none;
65
+ }
66
+ :root .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab .mdsicon-close {
67
+ font-size: 12px;
68
+ }
69
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab .mdsicon-close:hover {
70
+ color: rgba(0, 0, 0, 0.85);
71
+ }
72
+ .mds-tabs.mds-tabs-card .mds-tabs-content > .mds-tabs-tabpane-inactive,
73
+ .mds-tabs.mds-tabs-editable-card .mds-tabs-content > .mds-tabs-tabpane-inactive {
74
+ overflow: hidden;
75
+ }
76
+ .mds-tabs.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab:hover .mdsicon-close {
77
+ opacity: 1;
78
+ }
79
+ .mds-tabs-extra-content {
80
+ line-height: 32px;
81
+ }
82
+ .mds-tabs-extra-content .mds-tabs-new-tab {
83
+ width: 20px;
84
+ height: 20px;
85
+ line-height: 20px;
86
+ text-align: center;
87
+ cursor: pointer;
88
+ border-radius: 4px;
89
+ border: 1px solid #d9d9d9;
90
+ display: inline-block;
91
+ font-size: 12px;
92
+ font-size: 10px ;
93
+ transform: scale(0.83333333) rotate(0deg);
94
+ /* IE6-IE8 */
95
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
96
+ zoom: 1;
97
+ color: rgba(0, 0, 0, 0.43);
98
+ }
99
+ :root .mds-tabs-extra-content .mds-tabs-new-tab {
100
+ filter: none;
101
+ }
102
+ :root .mds-tabs-extra-content .mds-tabs-new-tab {
103
+ font-size: 12px;
104
+ }
105
+ .mds-tabs-extra-content .mds-tabs-new-tab:hover {
106
+ color: #0364ff;
107
+ border-color: #0364ff;
108
+ }
109
+ .mds-tabs-vertical.mds-tabs-card > .mds-tabs-bar .mds-tabs-nav-container {
110
+ height: auto;
111
+ }
112
+ .mds-tabs-vertical.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab {
113
+ border-bottom: 1px solid #d9d9d9;
114
+ margin-bottom: 8px;
115
+ }
116
+ .mds-tabs-vertical.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab-active {
117
+ padding-bottom: 4px;
118
+ }
119
+ .mds-tabs-vertical.mds-tabs-card > .mds-tabs-bar .mds-tabs-tab:last-child {
120
+ margin-bottom: 8px;
121
+ }
122
+ .mds-tabs-vertical.mds-tabs-card > .mds-tabs-bar .mds-tabs-new-tab {
123
+ width: 90%;
124
+ }
125
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-left > .mds-tabs-bar .mds-tabs-nav-wrap {
126
+ margin-right: 0;
127
+ }
128
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-left > .mds-tabs-bar .mds-tabs-tab {
129
+ border-right: 0;
130
+ border-radius: 4px 0 0 4px;
131
+ margin-right: 1px;
132
+ }
133
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-left > .mds-tabs-bar .mds-tabs-tab-active {
134
+ margin-right: -1px;
135
+ padding-right: 18px;
136
+ }
137
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-right > .mds-tabs-bar .mds-tabs-nav-wrap {
138
+ margin-left: 0;
139
+ }
140
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-right > .mds-tabs-bar .mds-tabs-tab {
141
+ border-left: 0;
142
+ border-radius: 0 4px 4px 0;
143
+ margin-left: 1px;
144
+ }
145
+ .mds-tabs-vertical.mds-tabs-card.mds-tabs-right > .mds-tabs-bar .mds-tabs-tab-active {
146
+ margin-left: -1px;
147
+ padding-left: 18px;
148
+ }
149
+ .mds-tabs {
150
+ box-sizing: border-box;
151
+ position: relative;
152
+ overflow: hidden;
153
+ zoom: 1;
154
+ color: #666666;
155
+ }
156
+ .mds-tabs:before,
157
+ .mds-tabs:after {
158
+ content: " ";
159
+ display: table;
160
+ }
161
+ .mds-tabs:after {
162
+ clear: both;
163
+ visibility: hidden;
164
+ font-size: 0;
165
+ height: 0;
166
+ }
167
+ .mds-tabs-ink-bar {
168
+ z-index: 1;
169
+ position: absolute;
170
+ left: 0;
171
+ bottom: 1px;
172
+ box-sizing: border-box;
173
+ height: 2px;
174
+ background-color: #0364ff;
175
+ transform-origin: 0 0;
176
+ }
177
+ .mds-tabs-bar {
178
+ border-bottom: 1px solid #D8DCE6;
179
+ margin-bottom: 16px;
180
+ outline: none;
181
+ }
182
+ .mds-tabs-nav-container {
183
+ overflow: hidden;
184
+ font-size: 14px;
185
+ line-height: 1.5;
186
+ box-sizing: border-box;
187
+ position: relative;
188
+ white-space: nowrap;
189
+ margin-bottom: -1px;
190
+ zoom: 1;
191
+ }
192
+ .mds-tabs-nav-container:before,
193
+ .mds-tabs-nav-container:after {
194
+ content: " ";
195
+ display: table;
196
+ }
197
+ .mds-tabs-nav-container:after {
198
+ clear: both;
199
+ visibility: hidden;
200
+ font-size: 0;
201
+ height: 0;
202
+ }
203
+ .mds-tabs-nav-container-scrolling {
204
+ padding-left: 32px;
205
+ padding-right: 32px;
206
+ }
207
+ .mds-tabs-tab-prev,
208
+ .mds-tabs-tab-next {
209
+ user-select: none;
210
+ z-index: 2;
211
+ width: 0;
212
+ height: 100%;
213
+ line-height: 32px;
214
+ cursor: pointer;
215
+ border: 0;
216
+ background-color: transparent;
217
+ position: absolute;
218
+ text-align: center;
219
+ color: rgba(0, 0, 0, 0.43);
220
+ opacity: 0;
221
+ pointer-events: none;
222
+ }
223
+ .mds-tabs-tab-prev.mds-tabs-tab-arrow-show,
224
+ .mds-tabs-tab-next.mds-tabs-tab-arrow-show {
225
+ opacity: 1;
226
+ width: 32px;
227
+ height: 100%;
228
+ pointer-events: auto;
229
+ }
230
+ .mds-tabs-tab-prev:hover,
231
+ .mds-tabs-tab-next:hover {
232
+ color: #666666;
233
+ }
234
+ .mds-tabs-tab-prev-icon,
235
+ .mds-tabs-tab-next-icon {
236
+ font-style: normal;
237
+ font-weight: bold;
238
+ font-variant: normal;
239
+ line-height: inherit;
240
+ vertical-align: baseline;
241
+ position: absolute;
242
+ top: 50%;
243
+ left: 50%;
244
+ transform: translate(-50%, -50%);
245
+ text-align: center;
246
+ text-transform: none;
247
+ }
248
+ .mds-tabs-tab-prev-icon:before,
249
+ .mds-tabs-tab-next-icon:before {
250
+ display: block;
251
+ font-family: "mdsicon" !important;
252
+ display: inline-block;
253
+ font-size: 12px;
254
+ font-size: 10px ;
255
+ transform: scale(0.83333333) rotate(0deg);
256
+ /* IE6-IE8 */
257
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
258
+ zoom: 1;
259
+ transform: rotate(-180deg);
260
+ }
261
+ :root .mds-tabs-tab-prev-icon:before,
262
+ :root .mds-tabs-tab-next-icon:before {
263
+ filter: none;
264
+ }
265
+ :root .mds-tabs-tab-prev-icon:before,
266
+ :root .mds-tabs-tab-next-icon:before {
267
+ font-size: 12px;
268
+ }
269
+ .mds-tabs-tab-btn-disabled {
270
+ cursor: not-allowed;
271
+ }
272
+ .mds-tabs-tab-btn-disabled,
273
+ .mds-tabs-tab-btn-disabled:hover {
274
+ color: rgba(0, 0, 0, 0.2);
275
+ }
276
+ .mds-tabs-tab-next {
277
+ right: 2px;
278
+ }
279
+ .mds-tabs-tab-next-icon:before {
280
+ content: "\E61F";
281
+ }
282
+ .mds-tabs-tab-prev {
283
+ left: 0;
284
+ }
285
+ .mds-tabs-tab-prev-icon:before {
286
+ content: "\E620";
287
+ }
288
+ :root .mds-tabs-tab-prev {
289
+ filter: none;
290
+ }
291
+ .mds-tabs-nav-wrap {
292
+ overflow: hidden;
293
+ margin-bottom: -1px;
294
+ }
295
+ .mds-tabs-nav-scroll {
296
+ overflow: hidden;
297
+ white-space: nowrap;
298
+ }
299
+ .mds-tabs-nav {
300
+ box-sizing: border-box;
301
+ padding-left: 0;
302
+ position: relative;
303
+ margin: 0;
304
+ list-style: none;
305
+ display: inline-block;
306
+ }
307
+ .mds-tabs-nav:before,
308
+ .mds-tabs-nav:after {
309
+ display: table;
310
+ content: " ";
311
+ }
312
+ .mds-tabs-nav:after {
313
+ clear: both;
314
+ }
315
+ .mds-tabs-nav .mds-tabs-tab {
316
+ display: inline-block;
317
+ height: 100%;
318
+ margin-right: 24px;
319
+ box-sizing: border-box;
320
+ position: relative;
321
+ padding: 8px 20px;
322
+ transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
323
+ cursor: pointer;
324
+ text-decoration: none;
325
+ }
326
+ .mds-tabs-nav .mds-tabs-tab:last-child {
327
+ margin-right: 0;
328
+ }
329
+ .mds-tabs-nav .mds-tabs-tab:hover {
330
+ color: #3f89ff;
331
+ }
332
+ .mds-tabs-nav .mds-tabs-tab:active {
333
+ color: #0252dd;
334
+ }
335
+ .mds-tabs-nav .mds-tabs-tab .mdsicon {
336
+ width: 14px;
337
+ height: 14px;
338
+ margin-right: 8px;
339
+ }
340
+ .mds-tabs-nav .mds-tabs-tab-disabled {
341
+ cursor: not-allowed;
342
+ color: rgba(0, 0, 0, 0.2) !important;
343
+ }
344
+ .mds-tabs-nav .mds-tabs-tab-active {
345
+ color: #0364ff;
346
+ }
347
+ .mds-tabs-mini .mds-tabs-nav-container {
348
+ font-size: 12px;
349
+ }
350
+ .mds-tabs-tab-next,
351
+ .mds-tabs-tab-prev {
352
+ display: inline-block;
353
+ height: 46px;
354
+ line-height: 46px;
355
+ }
356
+ .mds-tabs-mini .mds-tabs-tab {
357
+ margin-right: 0;
358
+ padding: 8px 16px;
359
+ }
360
+ .mds-tabs:not(.mds-tabs-vertical) > .mds-tabs-content {
361
+ width: 100%;
362
+ }
363
+ .mds-tabs:not(.mds-tabs-vertical) > .mds-tabs-content > .mds-tabs-tabpane {
364
+ flex-shrink: 0;
365
+ width: 100%;
366
+ opacity: 1;
367
+ }
368
+ .mds-tabs:not(.mds-tabs-vertical) > .mds-tabs-content > .mds-tabs-tabpane-inactive {
369
+ opacity: 0;
370
+ height: 0;
371
+ padding: 0 !important;
372
+ pointer-events: none;
373
+ }
374
+ .mds-tabs:not(.mds-tabs-vertical) > .mds-tabs-content-animated {
375
+ display: flex;
376
+ flex-direction: row;
377
+ will-change: margin-left;
378
+ }
379
+ .mds-tabs-vertical > .mds-tabs-bar {
380
+ border-bottom: 0;
381
+ height: 100%;
382
+ }
383
+ .mds-tabs-vertical > .mds-tabs-bar-tab-prev,
384
+ .mds-tabs-vertical > .mds-tabs-bar-tab-next {
385
+ width: 32px;
386
+ height: 0;
387
+ }
388
+ .mds-tabs-vertical > .mds-tabs-bar-tab-prev.mds-tabs-tab-arrow-show,
389
+ .mds-tabs-vertical > .mds-tabs-bar-tab-next.mds-tabs-tab-arrow-show {
390
+ width: 100%;
391
+ height: 32px;
392
+ }
393
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab {
394
+ float: none;
395
+ margin-right: 0;
396
+ margin-bottom: 16px;
397
+ display: block;
398
+ padding: 8px 24px;
399
+ }
400
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab:last-child {
401
+ margin-bottom: 0;
402
+ }
403
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-extra-content {
404
+ text-align: center;
405
+ }
406
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-scroll {
407
+ width: auto;
408
+ }
409
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-container,
410
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-wrap {
411
+ height: 100%;
412
+ }
413
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-container {
414
+ margin-bottom: 0;
415
+ }
416
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-container.mds-tabs-nav-container-scrolling {
417
+ padding: 32px 0;
418
+ }
419
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav-wrap {
420
+ margin-bottom: 0;
421
+ }
422
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-nav {
423
+ width: 100%;
424
+ }
425
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-ink-bar {
426
+ width: 2px;
427
+ left: auto;
428
+ height: auto;
429
+ top: 0;
430
+ }
431
+ .mds-tabs-vertical > .mds-tabs-content {
432
+ overflow: hidden;
433
+ width: auto;
434
+ margin-top: 0 !important;
435
+ }
436
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab-next {
437
+ width: 100%;
438
+ bottom: 0;
439
+ height: 32px;
440
+ }
441
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab-next-icon:before {
442
+ content: "\E61D";
443
+ }
444
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab-prev {
445
+ top: 0;
446
+ width: 100%;
447
+ height: 32px;
448
+ }
449
+ .mds-tabs-vertical > .mds-tabs-bar .mds-tabs-tab-prev-icon:before {
450
+ content: "\E61E";
451
+ }
452
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-bar {
453
+ float: left;
454
+ border-right: 1px solid #e9e9e9;
455
+ margin-right: -1px;
456
+ margin-bottom: 0;
457
+ }
458
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-bar .mds-tabs-tab {
459
+ text-align: right;
460
+ }
461
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-bar .mds-tabs-nav-container {
462
+ margin-right: -1px;
463
+ }
464
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-bar .mds-tabs-nav-wrap {
465
+ margin-right: -1px;
466
+ }
467
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-bar .mds-tabs-ink-bar {
468
+ right: 1px;
469
+ }
470
+ .mds-tabs-vertical.mds-tabs-left > .mds-tabs-content {
471
+ padding-left: 24px;
472
+ border-left: 1px solid #e9e9e9;
473
+ }
474
+ .mds-tabs-vertical.mds-tabs-right > .mds-tabs-bar {
475
+ float: right;
476
+ border-left: 1px solid #e9e9e9;
477
+ margin-left: -1px;
478
+ margin-bottom: 0;
479
+ }
480
+ .mds-tabs-vertical.mds-tabs-right > .mds-tabs-bar .mds-tabs-nav-container {
481
+ margin-left: -1px;
482
+ }
483
+ .mds-tabs-vertical.mds-tabs-right > .mds-tabs-bar .mds-tabs-nav-wrap {
484
+ margin-left: -1px;
485
+ }
486
+ .mds-tabs-vertical.mds-tabs-right > .mds-tabs-bar .mds-tabs-ink-bar {
487
+ left: 1px;
488
+ }
489
+ .mds-tabs-vertical.mds-tabs-right > .mds-tabs-content {
490
+ padding-right: 24px;
491
+ border-right: 1px solid #e9e9e9;
492
+ }
493
+ .mds-tabs-bottom > .mds-tabs-bar {
494
+ margin-bottom: 0;
495
+ margin-top: 16px;
496
+ }
497
+ .mds-tabs-top .mds-tabs-ink-bar-animated,
498
+ .mds-tabs-bottom .mds-tabs-ink-bar-animated {
499
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
500
+ }
501
+ .mds-tabs-left .mds-tabs-ink-bar-animated,
502
+ .mds-tabs-right .mds-tabs-ink-bar-animated {
503
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
504
+ }
505
+ .no-flex > .mds-tabs-content-animated,
506
+ .mds-tabs-no-animation > .mds-tabs-content-animated,
507
+ .mds-tabs-vertical > .mds-tabs-content-animated {
508
+ transform: none !important;
509
+ margin-left: 0 !important;
510
+ }
511
+ .no-flex > .mds-tabs-content > .mds-tabs-tabpane-inactive,
512
+ .mds-tabs-no-animation > .mds-tabs-content > .mds-tabs-tabpane-inactive,
513
+ .mds-tabs-vertical > .mds-tabs-content > .mds-tabs-tabpane-inactive {
514
+ display: none;
515
+ }
516
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
517
+ /* stylelint-disable declaration-bang-space-before */
518
+ /* stylelint-disable declaration-bang-space-before */