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

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 +1 -1
package/dist/style/switch.css CHANGED
@@ -1,110 +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-switch {
5
- position: relative;
6
- display: inline-block;
7
- box-sizing: border-box;
8
- height: 28px;
9
- min-width: 56px;
10
- line-height: 26px;
11
- vertical-align: middle;
12
- border-radius: 20px;
13
- border: 1px solid transparent;
14
- background-color: rgba(0, 0, 0, 0.2);
15
- cursor: pointer;
16
- transition: all 0.36s;
17
- user-select: none;
18
- }
19
- .mds-switch-inner {
20
- color: #fff;
21
- font-size: 12px;
22
- margin-left: 32px;
23
- margin-right: 6px;
24
- display: block;
25
- }
26
- .mds-switch:after {
27
- position: absolute;
28
- width: 24px;
29
- height: 24px;
30
- left: 1px;
31
- top: 1px;
32
- border-radius: 18px;
33
- background-color: #fff;
34
- box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
35
- content: " ";
36
- cursor: pointer;
37
- transition: all 0.36s;
38
- }
39
- .mds-switch:active:after {
40
- width: 24px;
41
- }
42
- .mds-switch:focus {
43
- box-shadow: 0 0 0 2px rgba(3, 100, 255, 0.2);
44
- outline: 0;
45
- }
46
- .mds-switch:focus:hover {
47
- box-shadow: none;
48
- }
49
- .mds-switch-small {
50
- height: 24px;
51
- min-width: 44px;
52
- line-height: 24px;
53
- }
54
- .mds-switch-small .mds-switch-inner {
55
- margin-left: 24px;
56
- margin-right: 6px;
57
- }
58
- .mds-switch-small:after {
59
- width: 20px;
60
- height: 20px;
61
- top: 1px;
62
- left: 0.5px;
63
- }
64
- .mds-switch-small:active:after {
65
- width: 16px;
66
- }
67
- .mds-switch-small.mds-switch-checked:after {
68
- left: 100%;
69
- margin-left: -20.5px;
70
- }
71
- .mds-switch-small.mds-switch-checked .mds-switch-inner {
72
- margin-left: 6px;
73
- margin-right: 18px;
74
- }
75
- .mds-switch-small:active.mds-switch-checked:after {
76
- margin-left: -16.5px;
77
- }
78
- .mds-switch-checked {
79
- background-color: #0364FF;
80
- }
81
- .mds-switch-checked .mds-switch-inner {
82
- margin-left: 10px;
83
- margin-right: 24px;
84
- }
85
- .mds-switch-checked:after {
86
- left: 100%;
87
- margin-left: -24px;
88
- box-shadow: 0px 2px 4px 0px #063a8d;
89
- }
90
- .mds-switch-checked:active:after {
91
- margin-left: -25px;
92
- }
93
- .mds-switch-disabled {
94
- cursor: not-allowed;
95
- background: #EEEEEE;
96
- }
97
- .mds-switch-disabled:after {
98
- background: #fff;
99
- cursor: not-allowed;
100
- }
101
- .mds-switch-disabled .mds-switch-inner {
102
- color: rgba(0, 0, 0, 0.2);
103
- }
104
- .mds-switch-disabled.mds-switch-checked {
105
- cursor: not-allowed;
106
- background: #cfe2ff;
107
- }
108
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
109
- /* stylelint-disable declaration-bang-space-before */
110
- /* stylelint-disable declaration-bang-space-before */
1
+ .mds-switch{position:relative;display:inline-block;box-sizing:border-box;height:28px;min-width:56px;line-height:26px;vertical-align:middle;border-radius:20px;border:1px solid transparent;background-color:rgba(0,0,0,.2);cursor:pointer;transition:all .36s;user-select:none}.mds-switch-inner{color:#fff;font-size:12px;margin-left:32px;margin-right:6px;display:block}.mds-switch:after{position:absolute;width:24px;height:24px;left:1px;top:1px;border-radius:18px;background-color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);content:" ";cursor:pointer;transition:all .36s}.mds-switch:active:after{width:24px}.mds-switch:focus{box-shadow:0 0 0 2px rgba(3,100,255,.2);outline:0}.mds-switch:focus:hover{box-shadow:none}.mds-switch-small{height:24px;min-width:44px;line-height:24px}.mds-switch-small .mds-switch-inner{margin-left:24px;margin-right:6px}.mds-switch-small:after{width:20px;height:20px;top:1px;left:.5px}.mds-switch-small:active:after{width:16px}.mds-switch-small.mds-switch-checked:after{left:100%;margin-left:-20.5px}.mds-switch-small.mds-switch-checked .mds-switch-inner{margin-left:6px;margin-right:18px}.mds-switch-small:active.mds-switch-checked:after{margin-left:-16.5px}.mds-switch-checked{background-color:#0364ff}.mds-switch-checked .mds-switch-inner{margin-left:10px;margin-right:24px}.mds-switch-checked:after{left:100%;margin-left:-24px;box-shadow:0 2px 4px 0 #063a8d}.mds-switch-checked:active:after{margin-left:-25px}.mds-switch-disabled{cursor:not-allowed;background:#eee}.mds-switch-disabled:after{background:#fff;cursor:not-allowed}.mds-switch-disabled .mds-switch-inner{color:rgba(0,0,0,.2)}.mds-switch-disabled.mds-switch-checked{cursor:not-allowed;background:#cfe2ff}