fixed-vuesax 3.14.1 → 3.14.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 (47) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +187 -187
  3. package/dist/style/colors.styl +30 -30
  4. package/dist/style/components/vsAlert.styl +66 -66
  5. package/dist/style/components/vsAvatar.styl +64 -64
  6. package/dist/style/components/vsBreadcrumb.styl +50 -50
  7. package/dist/style/components/vsButton.styl +181 -181
  8. package/dist/style/components/vsCard.styl +64 -64
  9. package/dist/style/components/vsCheckBox.styl +111 -111
  10. package/dist/style/components/vsChip.styl +122 -122
  11. package/dist/style/components/vsCollapse.styl +109 -109
  12. package/dist/style/components/vsDivider.styl +34 -34
  13. package/dist/style/components/vsDropDown.styl +231 -231
  14. package/dist/style/components/vsIcon.styl +47 -47
  15. package/dist/style/components/vsImages.styl +166 -166
  16. package/dist/style/components/vsInput.styl +219 -219
  17. package/dist/style/components/vsInputNumber.styl +170 -170
  18. package/dist/style/components/vsList.styl +49 -49
  19. package/dist/style/components/vsLoading.styl +397 -397
  20. package/dist/style/components/vsNavbar.styl +286 -286
  21. package/dist/style/components/vsNotifications.styl +92 -92
  22. package/dist/style/components/vsPagination.styl +143 -143
  23. package/dist/style/components/vsPopup.styl +159 -159
  24. package/dist/style/components/vsProgress.styl +45 -45
  25. package/dist/style/components/vsRadio.styl +93 -93
  26. package/dist/style/components/vsSelect.styl +219 -219
  27. package/dist/style/components/vsSideBar.styl +267 -267
  28. package/dist/style/components/vsSlider.styl +196 -196
  29. package/dist/style/components/vsSpacer.styl +5 -5
  30. package/dist/style/components/vsSwitch.styl +93 -93
  31. package/dist/style/components/vsTable.styl +408 -408
  32. package/dist/style/components/vsTabs.styl +280 -280
  33. package/dist/style/components/vsTextarea.styl +82 -82
  34. package/dist/style/components/vsTimePicker.styl +42 -42
  35. package/dist/style/components/vsTooltip.styl +85 -85
  36. package/dist/style/components/vsUpload.styl +460 -460
  37. package/dist/style/mixins.styl +133 -133
  38. package/dist/style/root.styl +9 -9
  39. package/dist/style/vars.styl +45 -45
  40. package/dist/style/vuesax.styl +25 -25
  41. package/dist/vuesax.common.js +1 -1
  42. package/dist/vuesax.common.js.map +1 -1
  43. package/dist/vuesax.umd.js +1 -1
  44. package/dist/vuesax.umd.js.map +1 -1
  45. package/dist/vuesax.umd.min.js +1 -1
  46. package/dist/vuesax.umd.min.js.map +1 -1
  47. package/package.json +8 -8
package/dist/style/components/vsInput.styl CHANGED
@@ -1,219 +1,219 @@
1
-
2
- .placeholderx-enter, .placeholderx-leave-to {
3
- opacity: 0;
4
- propWithDir(transform, null, (15px), !important);
5
- // transform: translate(15px) !important
6
- }
7
-
8
- .icon-validate-enter, .icon-validate-leave-to {
9
- opacity: 0;
10
- transform: scale(.5) !important
11
- }
12
-
13
- .vs-con-input-label
14
- position relative
15
- transition: all .3s ease
16
-
17
- &.is-label-placeholder
18
- margin-top: 17px
19
-
20
- .vs-con-input
21
- display flex
22
- align-items flex-start
23
- flex-direction column
24
- position relative
25
- justify-content: center
26
-
27
-
28
- .vs-input--icon
29
- position absolute
30
- propWithDir(left, null, 5px)
31
- z-index 100
32
- font-size: 1.1rem
33
- propWithDir(border, right, 1px solid rgba(0, 0, 0, .1));
34
- propWithDir(padding, right, 3px)
35
- color rgba(0, 0, 0, .4)
36
- cursor default
37
- user-select none
38
- top: 8px
39
-
40
- &.small
41
- top: 4px
42
- font-size: 1rem
43
-
44
- &.large
45
- top: 14px
46
-
47
- &.icon-after
48
- propWithDir(left, null, auto)
49
- propWithDir(right, null, 5px)
50
- propWithDir(border, left, 1px solid rgba(0, 0, 0, .1))
51
- propWithDir(border, right, 0)
52
- propWithDir(padding, left, 3px)
53
- propWithDir(padding, right, 0)
54
-
55
- &.icon-no-border
56
- border: 0;
57
-
58
- .vs-input--placeholder
59
- transition: all .2s ease
60
- position: absolute
61
- border-radius 5px
62
- propWithDir(left, null, 0)
63
- padding: .4rem
64
- propWithDir(padding, left, .55rem)
65
- width: 100%
66
- box-sizing: border-box
67
- overflow: hidden
68
- font-size: .85rem
69
- color: rgba(0, 0, 0, .4)
70
- white-space: nowrap
71
- cursor text
72
- user-select none
73
- top: -1px
74
- pointer-events: none
75
-
76
- &.small
77
- padding: 0.2rem
78
- propWithDir(padding, left, .55rem)
79
-
80
- &.large
81
- padding: 0.7rem
82
-
83
- .vs-input--label
84
- propWithDir(padding, left, 5px)
85
- font-size: .85rem
86
- color rgba(0, 0, 0, .7)
87
-
88
- .vs-input--text-validation
89
- position: relative
90
- font-size: .65rem
91
- overflow: hidden
92
- transition: all .2s ease;
93
-
94
- .vs-input--text-validation-span
95
- padding: 2px 4px;
96
- padding-bottom: 4px
97
- display: block
98
-
99
- .vs-input--icon-validate
100
- position: absolute
101
- top: 0
102
- propWithDir(right, null, 0);
103
- font-size: 1.1rem
104
- height: 100%
105
- display: flex
106
- align-items: center
107
- padding: 0 4px
108
- border-radius 0 5px 5px 0
109
- transition: all .2s ease
110
-
111
- &.icon-before
112
- position absolute
113
- propWithDir(left, null, 0);
114
- right: auto
115
- z-index 100
116
- font-size: 1.1rem
117
- propWithDir(padding, right, 0.2rem)
118
- cursor default
119
- user-select none
120
- top: 0
121
- propWithDir(border, right, 1px)
122
-
123
- .vs-input--input
124
- color: inherit
125
- position relative
126
- padding: 0.4rem
127
- border-radius 5px
128
- border 1px solid rgba(0, 0, 0, .2)
129
- box-sizing: border-box
130
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.150);
131
- transition: all .3s ease
132
- width: 100%
133
-
134
- &.small
135
- padding: 0.2rem
136
- propWithDir(padding, left, .55rem);
137
-
138
- + .vs-placeholder-label-small
139
- padding: 0 0.4rem
140
-
141
- &.normal
142
- padding: 0.4rem
143
-
144
- &.large
145
- padding: 0.8rem
146
-
147
- + .vs-placeholder-label-large
148
- padding: 0.6rem
149
-
150
- &:focus
151
- box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.150);
152
-
153
- &:focus, &.hasValue
154
- + .vs-placeholder-label
155
- propWithDir(transform, null, (-3px -90%), !important);
156
- font-size: .7rem
157
- propWithDir(padding, left, .5rem, !important)
158
-
159
- + .vs-placeholder-label-small
160
- propWithDir(transform, null, (-3px -120%), !important);
161
- font-size: .7rem
162
- propWithDir(padding, left, .5rem, !important)
163
-
164
- &:focus
165
- + .vs-input--placeholder
166
- propWithDir(transform, null, (5px));
167
-
168
- &.hasIcon
169
- propWithDir(padding, left, 32px)
170
-
171
- + .vs-input--placeholder
172
- propWithDir(padding, left, 32px)
173
-
174
- &.icon-after-input
175
- propWithDir(padding, right, 1.75rem)
176
-
177
- + .vs-input--placeholder
178
- propWithDir(padding, right, 1.75rem)
179
-
180
- &.hasIcon.icon-after-input
181
- propWithDir(padding, left, .85em)
182
-
183
- + .vs-input--placeholder
184
- propWithDir(padding, left, .85em)
185
-
186
- &:disabled
187
- opacity: $vs-disabled-opacity;
188
- cursor: default;
189
- pointer-events: none;
190
-
191
- + .vs-input--placeholder
192
- opacity: $vs-disabled-opacity;
193
- cursor: default;
194
- pointer-events: none;
195
-
196
- for colorx, i in $vs-colors
197
- .vs-input-{colorx}
198
- .vs-input--input
199
- &:focus
200
- border: 1px solid getColor(colorx) !important
201
-
202
- ~ .vs-placeholder-label, ~ .icon-inputx
203
- color getColor(colorx)
204
-
205
- &.isFocus
206
- .vs-input--label
207
- color: getColor(colorx)
208
- &.span-text-validation-{colorx}
209
- color: getColor(colorx) !important
210
- &.input-icon-validate-{colorx}
211
- .vs-input--input
212
- border: 1px solid getColor(colorx) !important
213
-
214
- &:focus
215
- border: 1px solid getColor(colorx) !important
216
-
217
- .input-icon-validate
218
- background: getColor(colorx, .2)
219
- color getColor(colorx)
1
+
2
+ .placeholderx-enter, .placeholderx-leave-to {
3
+ opacity: 0;
4
+ propWithDir(transform, null, (15px), !important);
5
+ // transform: translate(15px) !important
6
+ }
7
+
8
+ .icon-validate-enter, .icon-validate-leave-to {
9
+ opacity: 0;
10
+ transform: scale(.5) !important
11
+ }
12
+
13
+ .vs-con-input-label
14
+ position relative
15
+ transition: all .3s ease
16
+
17
+ &.is-label-placeholder
18
+ margin-top: 17px
19
+
20
+ .vs-con-input
21
+ display flex
22
+ align-items flex-start
23
+ flex-direction column
24
+ position relative
25
+ justify-content: center
26
+
27
+
28
+ .vs-input--icon
29
+ position absolute
30
+ propWithDir(left, null, 5px)
31
+ z-index 100
32
+ font-size: 1.1rem
33
+ propWithDir(border, right, 1px solid rgba(0, 0, 0, .1));
34
+ propWithDir(padding, right, 3px)
35
+ color rgba(0, 0, 0, .4)
36
+ cursor default
37
+ user-select none
38
+ top: 8px
39
+
40
+ &.small
41
+ top: 4px
42
+ font-size: 1rem
43
+
44
+ &.large
45
+ top: 14px
46
+
47
+ &.icon-after
48
+ propWithDir(left, null, auto)
49
+ propWithDir(right, null, 5px)
50
+ propWithDir(border, left, 1px solid rgba(0, 0, 0, .1))
51
+ propWithDir(border, right, 0)
52
+ propWithDir(padding, left, 3px)
53
+ propWithDir(padding, right, 0)
54
+
55
+ &.icon-no-border
56
+ border: 0;
57
+
58
+ .vs-input--placeholder
59
+ transition: all .2s ease
60
+ position: absolute
61
+ border-radius 5px
62
+ propWithDir(left, null, 0)
63
+ padding: .4rem
64
+ propWithDir(padding, left, .55rem)
65
+ width: 100%
66
+ box-sizing: border-box
67
+ overflow: hidden
68
+ font-size: .85rem
69
+ color: rgba(0, 0, 0, .4)
70
+ white-space: nowrap
71
+ cursor text
72
+ user-select none
73
+ top: -1px
74
+ pointer-events: none
75
+
76
+ &.small
77
+ padding: 0.2rem
78
+ propWithDir(padding, left, .55rem)
79
+
80
+ &.large
81
+ padding: 0.7rem
82
+
83
+ .vs-input--label
84
+ propWithDir(padding, left, 5px)
85
+ font-size: .85rem
86
+ color rgba(0, 0, 0, .7)
87
+
88
+ .vs-input--text-validation
89
+ position: relative
90
+ font-size: .65rem
91
+ overflow: hidden
92
+ transition: all .2s ease;
93
+
94
+ .vs-input--text-validation-span
95
+ padding: 2px 4px;
96
+ padding-bottom: 4px
97
+ display: block
98
+
99
+ .vs-input--icon-validate
100
+ position: absolute
101
+ top: 0
102
+ propWithDir(right, null, 0);
103
+ font-size: 1.1rem
104
+ height: 100%
105
+ display: flex
106
+ align-items: center
107
+ padding: 0 4px
108
+ border-radius 0 5px 5px 0
109
+ transition: all .2s ease
110
+
111
+ &.icon-before
112
+ position absolute
113
+ propWithDir(left, null, 0);
114
+ right: auto
115
+ z-index 100
116
+ font-size: 1.1rem
117
+ propWithDir(padding, right, 0.2rem)
118
+ cursor default
119
+ user-select none
120
+ top: 0
121
+ propWithDir(border, right, 1px)
122
+
123
+ .vs-input--input
124
+ color: inherit
125
+ position relative
126
+ padding: 0.4rem
127
+ border-radius 5px
128
+ border 1px solid rgba(0, 0, 0, .2)
129
+ box-sizing: border-box
130
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.150);
131
+ transition: all .3s ease
132
+ width: 100%
133
+
134
+ &.small
135
+ padding: 0.2rem
136
+ propWithDir(padding, left, .55rem);
137
+
138
+ + .vs-placeholder-label-small
139
+ padding: 0 0.4rem
140
+
141
+ &.normal
142
+ padding: 0.4rem
143
+
144
+ &.large
145
+ padding: 0.8rem
146
+
147
+ + .vs-placeholder-label-large
148
+ padding: 0.6rem
149
+
150
+ &:focus
151
+ box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.150);
152
+
153
+ &:focus, &.hasValue
154
+ + .vs-placeholder-label
155
+ propWithDir(transform, null, (-3px -90%), !important);
156
+ font-size: .7rem
157
+ propWithDir(padding, left, .5rem, !important)
158
+
159
+ + .vs-placeholder-label-small
160
+ propWithDir(transform, null, (-3px -120%), !important);
161
+ font-size: .7rem
162
+ propWithDir(padding, left, .5rem, !important)
163
+
164
+ &:focus
165
+ + .vs-input--placeholder
166
+ propWithDir(transform, null, (5px));
167
+
168
+ &.hasIcon
169
+ propWithDir(padding, left, 32px)
170
+
171
+ + .vs-input--placeholder
172
+ propWithDir(padding, left, 32px)
173
+
174
+ &.icon-after-input
175
+ propWithDir(padding, right, 1.75rem)
176
+
177
+ + .vs-input--placeholder
178
+ propWithDir(padding, right, 1.75rem)
179
+
180
+ &.hasIcon.icon-after-input
181
+ propWithDir(padding, left, .85em)
182
+
183
+ + .vs-input--placeholder
184
+ propWithDir(padding, left, .85em)
185
+
186
+ &:disabled
187
+ opacity: $vs-disabled-opacity;
188
+ cursor: default;
189
+ pointer-events: none;
190
+
191
+ + .vs-input--placeholder
192
+ opacity: $vs-disabled-opacity;
193
+ cursor: default;
194
+ pointer-events: none;
195
+
196
+ for colorx, i in $vs-colors
197
+ .vs-input-{colorx}
198
+ .vs-input--input
199
+ &:focus
200
+ border: 1px solid getColor(colorx) !important
201
+
202
+ ~ .vs-placeholder-label, ~ .icon-inputx
203
+ color getColor(colorx)
204
+
205
+ &.isFocus
206
+ .vs-input--label
207
+ color: getColor(colorx)
208
+ &.span-text-validation-{colorx}
209
+ color: getColor(colorx) !important
210
+ &.input-icon-validate-{colorx}
211
+ .vs-input--input
212
+ border: 1px solid getColor(colorx) !important
213
+
214
+ &:focus
215
+ border: 1px solid getColor(colorx) !important
216
+
217
+ .input-icon-validate
218
+ background: getColor(colorx, .2)
219
+ color getColor(colorx)