zartui 0.1.21 → 0.1.22

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 (227) hide show
  1. package/README.md +20 -20
  2. package/changelog.generated.md +29 -0
  3. package/es/area/style/index.js +4 -0
  4. package/es/area/style/less.js +4 -0
  5. package/es/avatar/index.css +1 -1
  6. package/es/avatar/index.js +41 -27
  7. package/es/avatar/index.less +40 -11
  8. package/es/avatar/local.less +1 -1
  9. package/es/button/index.less +206 -206
  10. package/es/calendar/index.less +250 -250
  11. package/es/calendar/style/index.js +1 -1
  12. package/es/calendar/style/less.js +1 -1
  13. package/es/cell/index.less +103 -103
  14. package/es/cell-group/index.less +22 -22
  15. package/es/checkbox/index.less +89 -89
  16. package/es/checkbox-group/index.less +8 -8
  17. package/es/col/index.less +20 -20
  18. package/es/datetime-picker/style/index.js +4 -0
  19. package/es/datetime-picker/style/less.js +4 -0
  20. package/es/dialog/index.less +125 -125
  21. package/es/dialog/style/index.js +1 -1
  22. package/es/dialog/style/less.js +1 -1
  23. package/es/empty/Developing.js +1643 -0
  24. package/es/empty/Error.js +484 -0
  25. package/es/empty/NotFound.js +645 -0
  26. package/es/empty/NotRight.js +395 -0
  27. package/es/empty/Search.js +336 -0
  28. package/es/empty/index.css +1 -0
  29. package/es/empty/index.js +105 -0
  30. package/es/empty/index.less +33 -0
  31. package/es/empty/style/index.js +2 -0
  32. package/es/empty/style/less.js +2 -0
  33. package/es/field/index.less +172 -172
  34. package/es/icon/index.less +10 -10
  35. package/es/icon/local.less +1 -1
  36. package/es/image/index.less +47 -47
  37. package/es/image-preview/index.less +103 -103
  38. package/es/image-preview/style/index.js +1 -1
  39. package/es/image-preview/style/less.js +1 -1
  40. package/es/index.js +5 -3
  41. package/es/info/index.less +29 -29
  42. package/es/loading/index.less +103 -103
  43. package/es/locale/lang/zh-CN.js +16 -0
  44. package/es/mixins/bind-event.js +2 -2
  45. package/es/mixins/checkbox.js +2 -2
  46. package/es/mixins/click-outside.js +2 -2
  47. package/es/mixins/slots.js +3 -3
  48. package/es/nav-bar/index.less +74 -74
  49. package/es/number-keyboard/index.less +142 -142
  50. package/es/overlay/index.less +11 -11
  51. package/es/password-input/index.css +1 -0
  52. package/es/password-input/index.js +80 -0
  53. package/es/password-input/index.less +83 -0
  54. package/es/password-input/style/index.js +2 -0
  55. package/es/password-input/style/less.js +2 -0
  56. package/es/pdf-viewer/style/index.js +1 -1
  57. package/es/pdf-viewer/style/less.js +1 -1
  58. package/es/picker/PickerColumn.js +5 -6
  59. package/es/picker/index.js +34 -5
  60. package/es/picker/index.less +151 -151
  61. package/es/picker/shared.js +4 -0
  62. package/es/picker/style/index.js +4 -0
  63. package/es/picker/style/less.js +4 -0
  64. package/es/popup/index.less +137 -137
  65. package/es/popup/style/index.js +1 -1
  66. package/es/popup/style/less.js +1 -1
  67. package/es/radio/index.less +86 -86
  68. package/es/radio-group/index.less +8 -8
  69. package/es/rate/index.css +1 -1
  70. package/es/rate/index.js +1 -1
  71. package/es/rate/index.less +47 -47
  72. package/es/row/index.less +42 -42
  73. package/es/slider/index.less +94 -94
  74. package/es/step/index.less +139 -139
  75. package/es/stepper/index.less +130 -130
  76. package/es/steps/index.less +21 -21
  77. package/es/sticky/index.less +11 -11
  78. package/es/style/animation.less +139 -139
  79. package/es/style/base.less +11 -11
  80. package/es/style/clearfix.less +5 -5
  81. package/es/style/ellipsis.less +13 -13
  82. package/es/style/hairline.less +47 -47
  83. package/es/style/halfPxBorder.less +15 -15
  84. package/es/style/mixins/clearfix.less +7 -7
  85. package/es/style/mixins/ellipsis.less +15 -15
  86. package/es/style/mixins/hairline.less +39 -39
  87. package/es/style/normalize.less +38 -38
  88. package/es/style/reset.less +171 -171
  89. package/es/style/var.less +936 -919
  90. package/es/swipe/index.less +56 -56
  91. package/es/swipe-cell/index.less +29 -29
  92. package/es/swipe-item/index.less +8 -8
  93. package/es/switch/index.less +56 -56
  94. package/es/switch/shared.js +2 -2
  95. package/es/switch-cell/index.less +15 -15
  96. package/es/tab/index.less +17 -17
  97. package/es/tabs/index.less +153 -153
  98. package/es/tag/index.less +99 -99
  99. package/es/toast/index.less +75 -75
  100. package/es/toast/style/index.js +1 -1
  101. package/es/toast/style/less.js +1 -1
  102. package/es/uploader/index.less +163 -163
  103. package/es/uploader/style/index.js +1 -1
  104. package/es/uploader/style/less.js +1 -1
  105. package/es/utils/create/bem.js +7 -7
  106. package/es/utils/create/component.js +2 -2
  107. package/es/utils/dom/raf.js +2 -2
  108. package/es/utils/dom/reset-scroll.js +3 -3
  109. package/es/utils/index.js +29 -29
  110. package/es/utils/router.js +2 -2
  111. package/lib/7893e51cf0a4877dac80.worker.js +10 -0
  112. package/lib/area/style/index.js +4 -0
  113. package/lib/area/style/less.js +4 -0
  114. package/lib/avatar/index.css +1 -1
  115. package/lib/avatar/index.js +42 -28
  116. package/lib/avatar/index.less +40 -11
  117. package/lib/avatar/local.less +1 -1
  118. package/lib/be09b519a460e229fd8d.worker.js +2527 -0
  119. package/lib/button/index.less +206 -206
  120. package/lib/calendar/index.less +250 -250
  121. package/lib/calendar/style/index.js +1 -1
  122. package/lib/calendar/style/less.js +1 -1
  123. package/lib/cell/index.less +103 -103
  124. package/lib/cell-group/index.less +22 -22
  125. package/lib/checkbox/index.less +89 -89
  126. package/lib/checkbox-group/index.less +8 -8
  127. package/lib/col/index.less +20 -20
  128. package/lib/datetime-picker/style/index.js +4 -0
  129. package/lib/datetime-picker/style/less.js +4 -0
  130. package/lib/dialog/index.less +125 -125
  131. package/lib/dialog/style/index.js +1 -1
  132. package/lib/dialog/style/less.js +1 -1
  133. package/lib/empty/Developing.js +1648 -0
  134. package/lib/empty/Error.js +489 -0
  135. package/lib/empty/NotFound.js +650 -0
  136. package/lib/empty/NotRight.js +400 -0
  137. package/lib/empty/Search.js +341 -0
  138. package/lib/empty/index.css +1 -0
  139. package/lib/empty/index.js +119 -0
  140. package/lib/empty/index.less +33 -0
  141. package/lib/empty/style/index.js +2 -0
  142. package/lib/empty/style/less.js +2 -0
  143. package/lib/field/index.less +172 -172
  144. package/lib/icon/index.less +10 -10
  145. package/lib/icon/local.less +1 -1
  146. package/lib/image/index.less +47 -47
  147. package/lib/image-preview/index.less +103 -103
  148. package/lib/image-preview/style/index.js +1 -1
  149. package/lib/image-preview/style/less.js +1 -1
  150. package/lib/index.css +1 -1
  151. package/lib/index.js +10 -2
  152. package/lib/index.less +5 -3
  153. package/lib/info/index.less +29 -29
  154. package/lib/loading/index.less +103 -103
  155. package/lib/locale/lang/zh-CN.js +16 -0
  156. package/lib/mixins/bind-event.js +2 -2
  157. package/lib/mixins/checkbox.js +2 -2
  158. package/lib/mixins/click-outside.js +2 -2
  159. package/lib/mixins/slots.js +3 -3
  160. package/lib/nav-bar/index.less +74 -74
  161. package/lib/number-keyboard/index.less +142 -142
  162. package/lib/overlay/index.less +11 -11
  163. package/lib/password-input/index.css +1 -0
  164. package/lib/password-input/index.js +93 -0
  165. package/lib/password-input/index.less +83 -0
  166. package/lib/password-input/style/index.js +2 -0
  167. package/lib/password-input/style/less.js +2 -0
  168. package/lib/pdf-viewer/style/index.js +1 -1
  169. package/lib/pdf-viewer/style/less.js +1 -1
  170. package/lib/picker/PickerColumn.js +5 -6
  171. package/lib/picker/index.js +36 -6
  172. package/lib/picker/index.less +151 -151
  173. package/lib/picker/shared.js +4 -0
  174. package/lib/picker/style/index.js +4 -0
  175. package/lib/picker/style/less.js +4 -0
  176. package/lib/popup/index.less +137 -137
  177. package/lib/popup/style/index.js +1 -1
  178. package/lib/popup/style/less.js +1 -1
  179. package/lib/radio/index.less +86 -86
  180. package/lib/radio-group/index.less +8 -8
  181. package/lib/rate/index.css +1 -1
  182. package/lib/rate/index.js +1 -1
  183. package/lib/rate/index.less +47 -47
  184. package/lib/row/index.less +42 -42
  185. package/lib/slider/index.less +94 -94
  186. package/lib/step/index.less +139 -139
  187. package/lib/stepper/index.less +130 -130
  188. package/lib/steps/index.less +21 -21
  189. package/lib/sticky/index.less +11 -11
  190. package/lib/style/animation.less +139 -139
  191. package/lib/style/base.less +11 -11
  192. package/lib/style/clearfix.less +5 -5
  193. package/lib/style/ellipsis.less +13 -13
  194. package/lib/style/hairline.less +47 -47
  195. package/lib/style/halfPxBorder.less +15 -15
  196. package/lib/style/mixins/clearfix.less +7 -7
  197. package/lib/style/mixins/ellipsis.less +15 -15
  198. package/lib/style/mixins/hairline.less +39 -39
  199. package/lib/style/normalize.less +38 -38
  200. package/lib/style/reset.less +171 -171
  201. package/lib/style/var.less +936 -919
  202. package/lib/swipe/index.less +56 -56
  203. package/lib/swipe-cell/index.less +29 -29
  204. package/lib/swipe-item/index.less +8 -8
  205. package/lib/switch/index.less +56 -56
  206. package/lib/switch/shared.js +2 -2
  207. package/lib/switch-cell/index.less +15 -15
  208. package/lib/tab/index.less +17 -17
  209. package/lib/tabs/index.less +153 -153
  210. package/lib/tag/index.less +99 -99
  211. package/lib/toast/index.less +75 -75
  212. package/lib/toast/style/index.js +1 -1
  213. package/lib/toast/style/less.js +1 -1
  214. package/lib/uploader/index.less +163 -163
  215. package/lib/uploader/style/index.js +1 -1
  216. package/lib/uploader/style/less.js +1 -1
  217. package/lib/utils/create/bem.js +7 -7
  218. package/lib/utils/create/component.js +2 -2
  219. package/lib/utils/dom/raf.js +2 -2
  220. package/lib/utils/dom/reset-scroll.js +3 -3
  221. package/lib/utils/index.js +29 -29
  222. package/lib/utils/router.js +2 -2
  223. package/lib/zart.js +26508 -55081
  224. package/lib/zart.min.js +5 -5
  225. package/package.json +74 -74
  226. package/lib/a037f57fc4d92a8a1f1e.worker.js +0 -60600
  227. package/lib/b7cf90b4775181215df7.worker.js +0 -10
@@ -1,139 +1,139 @@
1
- @import './var';
2
-
3
- @keyframes zt-slide-up-enter {
4
- from {
5
- transform: translate3d(0, 100%, 0);
6
- }
7
- }
8
-
9
- @keyframes zt-slide-up-leave {
10
- to {
11
- transform: translate3d(0, 100%, 0);
12
- }
13
- }
14
-
15
- @keyframes zt-slide-down-enter {
16
- from {
17
- transform: translate3d(0, -100%, 0);
18
- }
19
- }
20
-
21
- @keyframes zt-slide-down-leave {
22
- to {
23
- transform: translate3d(0, -100%, 0);
24
- }
25
- }
26
-
27
- @keyframes zt-slide-left-enter {
28
- from {
29
- transform: translate3d(-100%, 0, 0);
30
- }
31
- }
32
-
33
- @keyframes zt-slide-left-leave {
34
- to {
35
- transform: translate3d(-100%, 0, 0);
36
- }
37
- }
38
-
39
- @keyframes zt-slide-right-enter {
40
- from {
41
- transform: translate3d(100%, 0, 0);
42
- }
43
- }
44
-
45
- @keyframes zt-slide-right-leave {
46
- to {
47
- transform: translate3d(100%, 0, 0);
48
- }
49
- }
50
-
51
- @keyframes zt-fade-in {
52
- from {
53
- opacity: 0;
54
- }
55
-
56
- to {
57
- opacity: 1;
58
- }
59
- }
60
-
61
- @keyframes zt-fade-out {
62
- from {
63
- opacity: 1;
64
- }
65
-
66
- to {
67
- opacity: 0;
68
- }
69
- }
70
-
71
- @keyframes zt-rotate {
72
- from {
73
- transform: rotate(0deg);
74
- }
75
-
76
- to {
77
- transform: rotate(360deg);
78
- }
79
- }
80
-
81
- .zt-fade {
82
- &-enter-active {
83
- animation: @animation-duration-base zt-fade-in both
84
- @animation-timing-function-enter;
85
- }
86
-
87
- &-leave-active {
88
- animation: @animation-duration-base zt-fade-out both
89
- @animation-timing-function-leave;
90
- }
91
- }
92
-
93
- .zt-slide-up {
94
- &-enter-active {
95
- animation: zt-slide-up-enter @animation-duration-base both
96
- @animation-timing-function-enter;
97
- }
98
-
99
- &-leave-active {
100
- animation: zt-slide-up-leave @animation-duration-base both
101
- @animation-timing-function-leave;
102
- }
103
- }
104
-
105
- .zt-slide-down {
106
- &-enter-active {
107
- animation: zt-slide-down-enter @animation-duration-base both
108
- @animation-timing-function-enter;
109
- }
110
-
111
- &-leave-active {
112
- animation: zt-slide-down-leave @animation-duration-base both
113
- @animation-timing-function-leave;
114
- }
115
- }
116
-
117
- .zt-slide-left {
118
- &-enter-active {
119
- animation: zt-slide-left-enter @animation-duration-base both
120
- @animation-timing-function-enter;
121
- }
122
-
123
- &-leave-active {
124
- animation: zt-slide-left-leave @animation-duration-base both
125
- @animation-timing-function-leave;
126
- }
127
- }
128
-
129
- .zt-slide-right {
130
- &-enter-active {
131
- animation: zt-slide-right-enter @animation-duration-base both
132
- @animation-timing-function-enter;
133
- }
134
-
135
- &-leave-active {
136
- animation: zt-slide-right-leave @animation-duration-base both
137
- @animation-timing-function-leave;
138
- }
139
- }
1
+ @import './var';
2
+
3
+ @keyframes zt-slide-up-enter {
4
+ from {
5
+ transform: translate3d(0, 100%, 0);
6
+ }
7
+ }
8
+
9
+ @keyframes zt-slide-up-leave {
10
+ to {
11
+ transform: translate3d(0, 100%, 0);
12
+ }
13
+ }
14
+
15
+ @keyframes zt-slide-down-enter {
16
+ from {
17
+ transform: translate3d(0, -100%, 0);
18
+ }
19
+ }
20
+
21
+ @keyframes zt-slide-down-leave {
22
+ to {
23
+ transform: translate3d(0, -100%, 0);
24
+ }
25
+ }
26
+
27
+ @keyframes zt-slide-left-enter {
28
+ from {
29
+ transform: translate3d(-100%, 0, 0);
30
+ }
31
+ }
32
+
33
+ @keyframes zt-slide-left-leave {
34
+ to {
35
+ transform: translate3d(-100%, 0, 0);
36
+ }
37
+ }
38
+
39
+ @keyframes zt-slide-right-enter {
40
+ from {
41
+ transform: translate3d(100%, 0, 0);
42
+ }
43
+ }
44
+
45
+ @keyframes zt-slide-right-leave {
46
+ to {
47
+ transform: translate3d(100%, 0, 0);
48
+ }
49
+ }
50
+
51
+ @keyframes zt-fade-in {
52
+ from {
53
+ opacity: 0;
54
+ }
55
+
56
+ to {
57
+ opacity: 1;
58
+ }
59
+ }
60
+
61
+ @keyframes zt-fade-out {
62
+ from {
63
+ opacity: 1;
64
+ }
65
+
66
+ to {
67
+ opacity: 0;
68
+ }
69
+ }
70
+
71
+ @keyframes zt-rotate {
72
+ from {
73
+ transform: rotate(0deg);
74
+ }
75
+
76
+ to {
77
+ transform: rotate(360deg);
78
+ }
79
+ }
80
+
81
+ .zt-fade {
82
+ &-enter-active {
83
+ animation: @animation-duration-base zt-fade-in both
84
+ @animation-timing-function-enter;
85
+ }
86
+
87
+ &-leave-active {
88
+ animation: @animation-duration-base zt-fade-out both
89
+ @animation-timing-function-leave;
90
+ }
91
+ }
92
+
93
+ .zt-slide-up {
94
+ &-enter-active {
95
+ animation: zt-slide-up-enter @animation-duration-base both
96
+ @animation-timing-function-enter;
97
+ }
98
+
99
+ &-leave-active {
100
+ animation: zt-slide-up-leave @animation-duration-base both
101
+ @animation-timing-function-leave;
102
+ }
103
+ }
104
+
105
+ .zt-slide-down {
106
+ &-enter-active {
107
+ animation: zt-slide-down-enter @animation-duration-base both
108
+ @animation-timing-function-enter;
109
+ }
110
+
111
+ &-leave-active {
112
+ animation: zt-slide-down-leave @animation-duration-base both
113
+ @animation-timing-function-leave;
114
+ }
115
+ }
116
+
117
+ .zt-slide-left {
118
+ &-enter-active {
119
+ animation: zt-slide-left-enter @animation-duration-base both
120
+ @animation-timing-function-enter;
121
+ }
122
+
123
+ &-leave-active {
124
+ animation: zt-slide-left-leave @animation-duration-base both
125
+ @animation-timing-function-leave;
126
+ }
127
+ }
128
+
129
+ .zt-slide-right {
130
+ &-enter-active {
131
+ animation: zt-slide-right-enter @animation-duration-base both
132
+ @animation-timing-function-enter;
133
+ }
134
+
135
+ &-leave-active {
136
+ animation: zt-slide-right-leave @animation-duration-base both
137
+ @animation-timing-function-leave;
138
+ }
139
+ }
@@ -1,11 +1,11 @@
1
- /**
2
- * Entry of basic styles
3
- */
4
-
5
- @import './var';
6
- @import './normalize';
7
- @import './ellipsis';
8
- @import './clearfix';
9
- @import './hairline';
10
- @import './animation';
11
- @import './halfPxBorder.less';
1
+ /**
2
+ * Entry of basic styles
3
+ */
4
+
5
+ @import './var';
6
+ @import './normalize';
7
+ @import './ellipsis';
8
+ @import './clearfix';
9
+ @import './hairline';
10
+ @import './animation';
11
+ @import './halfPxBorder.less';
@@ -1,5 +1,5 @@
1
- @import './mixins/clearfix';
2
-
3
- .zt-clearfix {
4
- .clearfix();
5
- }
1
+ @import './mixins/clearfix';
2
+
3
+ .zt-clearfix {
4
+ .clearfix();
5
+ }
@@ -1,13 +1,13 @@
1
- @import './mixins/ellipsis';
2
-
3
- .zt-ellipsis {
4
- .ellipsis();
5
- }
6
-
7
- .zt-multi-ellipsis--l2 {
8
- .multi-ellipsis(2);
9
- }
10
-
11
- .zt-multi-ellipsis--l3 {
12
- .multi-ellipsis(3);
13
- }
1
+ @import './mixins/ellipsis';
2
+
3
+ .zt-ellipsis {
4
+ .ellipsis();
5
+ }
6
+
7
+ .zt-multi-ellipsis--l2 {
8
+ .multi-ellipsis(2);
9
+ }
10
+
11
+ .zt-multi-ellipsis--l3 {
12
+ .multi-ellipsis(3);
13
+ }
@@ -1,47 +1,47 @@
1
- @import './var';
2
- @import './mixins/hairline';
3
-
4
- [class*='zt-hairline'] {
5
- &::after {
6
- .hairline();
7
- }
8
- }
9
-
10
- .zt-hairline {
11
- &,
12
- &--top,
13
- &--left,
14
- &--right,
15
- &--bottom,
16
- &--surround,
17
- &--top-bottom {
18
- position: relative;
19
- }
20
-
21
- &--top::after {
22
- border-top-width: @border-width-base;
23
- }
24
-
25
- &--left::after {
26
- border-left-width: @border-width-base;
27
- }
28
-
29
- &--right::after {
30
- border-right-width: @border-width-base;
31
- }
32
-
33
- &--bottom::after {
34
- border-bottom-width: @border-width-base;
35
- }
36
-
37
- &,
38
- &-unset {
39
- &--top-bottom::after {
40
- border-width: @border-width-base 0;
41
- }
42
- }
43
-
44
- &--surround::after {
45
- border-width: @border-width-base;
46
- }
47
- }
1
+ @import './var';
2
+ @import './mixins/hairline';
3
+
4
+ [class*='zt-hairline'] {
5
+ &::after {
6
+ .hairline();
7
+ }
8
+ }
9
+
10
+ .zt-hairline {
11
+ &,
12
+ &--top,
13
+ &--left,
14
+ &--right,
15
+ &--bottom,
16
+ &--surround,
17
+ &--top-bottom {
18
+ position: relative;
19
+ }
20
+
21
+ &--top::after {
22
+ border-top-width: @border-width-base;
23
+ }
24
+
25
+ &--left::after {
26
+ border-left-width: @border-width-base;
27
+ }
28
+
29
+ &--right::after {
30
+ border-right-width: @border-width-base;
31
+ }
32
+
33
+ &--bottom::after {
34
+ border-bottom-width: @border-width-base;
35
+ }
36
+
37
+ &,
38
+ &-unset {
39
+ &--top-bottom::after {
40
+ border-width: @border-width-base 0;
41
+ }
42
+ }
43
+
44
+ &--surround::after {
45
+ border-width: @border-width-base;
46
+ }
47
+ }
@@ -1,16 +1,16 @@
1
- .half-border {
2
- position: relative;
3
- }
4
- .half-border::before{
5
- content: " ";
6
- position: absolute;
7
- left: 0;
8
- bottom: 0;
9
- width: 100%;
10
- height: 1px;
11
- border-top: 1px solid rgba(0,0,0,.1);
12
- -webkit-transform-origin: 0 0;
13
- transform-origin: 0 0;
14
- -webkit-transform: scaleY(0.5);
15
- transform: scaleY(0.5);
1
+ .half-border {
2
+ position: relative;
3
+ }
4
+ .half-border::before{
5
+ content: " ";
6
+ position: absolute;
7
+ left: 0;
8
+ bottom: 0;
9
+ width: 100%;
10
+ height: 1px;
11
+ border-top: 1px solid rgba(0,0,0,.1);
12
+ -webkit-transform-origin: 0 0;
13
+ transform-origin: 0 0;
14
+ -webkit-transform: scaleY(0.5);
15
+ transform: scaleY(0.5);
16
16
  }
@@ -1,7 +1,7 @@
1
- .clearfix() {
2
- &::after {
3
- display: table;
4
- clear: both;
5
- content: '';
6
- }
7
- }
1
+ .clearfix() {
2
+ &::after {
3
+ display: table;
4
+ clear: both;
5
+ content: '';
6
+ }
7
+ }
@@ -1,15 +1,15 @@
1
- .multi-ellipsis(@lines) {
2
- display: -webkit-box;
3
- overflow: hidden;
4
- text-overflow: ellipsis;
5
- -webkit-line-clamp: @lines;
6
-
7
- /* autoprefixer: ignore next */
8
- -webkit-box-orient: vertical;
9
- }
10
-
11
- .ellipsis() {
12
- overflow: hidden;
13
- white-space: nowrap;
14
- text-overflow: ellipsis;
15
- }
1
+ .multi-ellipsis(@lines) {
2
+ display: -webkit-box;
3
+ overflow: hidden;
4
+ text-overflow: ellipsis;
5
+ -webkit-line-clamp: @lines;
6
+
7
+ /* autoprefixer: ignore next */
8
+ -webkit-box-orient: vertical;
9
+ }
10
+
11
+ .ellipsis() {
12
+ overflow: hidden;
13
+ white-space: nowrap;
14
+ text-overflow: ellipsis;
15
+ }
@@ -1,39 +1,39 @@
1
- @import '../var';
2
-
3
- .hairline-common() {
4
- position: absolute;
5
- box-sizing: border-box;
6
- content: ' ';
7
- pointer-events: none;
8
- }
9
-
10
- .hairline(@color: @border-color) {
11
- .hairline-common();
12
-
13
- top: -50%;
14
- right: -50%;
15
- bottom: -50%;
16
- left: -50%;
17
- border: 0 solid @color;
18
- transform: scale(0.5);
19
- }
20
-
21
- .hairline-top(@color: @border-color, @left: 0, @right: 0) {
22
- .hairline-common();
23
-
24
- top: 0;
25
- right: @right;
26
- left: @left;
27
- border-top: 1px solid @color;
28
- transform: scaleY(0.5);
29
- }
30
-
31
- .hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
32
- .hairline-common();
33
-
34
- right: @right;
35
- bottom: 0;
36
- left: @left;
37
- border-bottom: 1px solid @color;
38
- transform: scaleY(0.5);
39
- }
1
+ @import '../var';
2
+
3
+ .hairline-common() {
4
+ position: absolute;
5
+ box-sizing: border-box;
6
+ content: ' ';
7
+ pointer-events: none;
8
+ }
9
+
10
+ .hairline(@color: @border-color) {
11
+ .hairline-common();
12
+
13
+ top: -50%;
14
+ right: -50%;
15
+ bottom: -50%;
16
+ left: -50%;
17
+ border: 0 solid @color;
18
+ transform: scale(0.5);
19
+ }
20
+
21
+ .hairline-top(@color: @border-color, @left: 0, @right: 0) {
22
+ .hairline-common();
23
+
24
+ top: 0;
25
+ right: @right;
26
+ left: @left;
27
+ border-top: 1px solid @color;
28
+ transform: scaleY(0.5);
29
+ }
30
+
31
+ .hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
32
+ .hairline-common();
33
+
34
+ right: @right;
35
+ bottom: 0;
36
+ left: @left;
37
+ border-bottom: 1px solid @color;
38
+ transform: scaleY(0.5);
39
+ }
@@ -1,38 +1,38 @@
1
- @import './var';
2
-
3
- html {
4
- -webkit-tap-highlight-color: transparent;
5
- }
6
-
7
- body {
8
- margin: 0;
9
- font-family: @base-font-family;
10
- }
11
-
12
- a {
13
- text-decoration: none;
14
- }
15
-
16
- input,
17
- button,
18
- textarea {
19
- color: inherit;
20
- font: inherit;
21
- }
22
-
23
- a,
24
- input,
25
- button,
26
- textarea,
27
- [class*='zt-'] {
28
- &:focus {
29
- outline: none;
30
- }
31
- }
32
-
33
- ol,
34
- ul {
35
- margin: 0;
36
- padding: 0;
37
- list-style: none;
38
- }
1
+ @import './var';
2
+
3
+ html {
4
+ -webkit-tap-highlight-color: transparent;
5
+ }
6
+
7
+ body {
8
+ margin: 0;
9
+ font-family: @base-font-family;
10
+ }
11
+
12
+ a {
13
+ text-decoration: none;
14
+ }
15
+
16
+ input,
17
+ button,
18
+ textarea {
19
+ color: inherit;
20
+ font: inherit;
21
+ }
22
+
23
+ a,
24
+ input,
25
+ button,
26
+ textarea,
27
+ [class*='zt-'] {
28
+ &:focus {
29
+ outline: none;
30
+ }
31
+ }
32
+
33
+ ol,
34
+ ul {
35
+ margin: 0;
36
+ padding: 0;
37
+ list-style: none;
38
+ }