fixed-vuesax 3.13.122 → 3.14.2

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 (49) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +187 -187
  3. package/dist/demo.html +1 -10
  4. package/dist/style/colors.styl +30 -30
  5. package/dist/style/components/vsAlert.styl +66 -66
  6. package/dist/style/components/vsAvatar.styl +64 -64
  7. package/dist/style/components/vsBreadcrumb.styl +50 -50
  8. package/dist/style/components/vsButton.styl +181 -181
  9. package/dist/style/components/vsCard.styl +64 -64
  10. package/dist/style/components/vsCheckBox.styl +111 -111
  11. package/dist/style/components/vsChip.styl +122 -122
  12. package/dist/style/components/vsCollapse.styl +109 -109
  13. package/dist/style/components/vsDivider.styl +34 -34
  14. package/dist/style/components/vsDropDown.styl +231 -231
  15. package/dist/style/components/vsIcon.styl +47 -47
  16. package/dist/style/components/vsImages.styl +166 -166
  17. package/dist/style/components/vsInput.styl +219 -219
  18. package/dist/style/components/vsInputNumber.styl +170 -170
  19. package/dist/style/components/vsList.styl +49 -49
  20. package/dist/style/components/vsLoading.styl +397 -397
  21. package/dist/style/components/vsNavbar.styl +286 -286
  22. package/dist/style/components/vsNotifications.styl +92 -92
  23. package/dist/style/components/vsPagination.styl +143 -143
  24. package/dist/style/components/vsPopup.styl +159 -159
  25. package/dist/style/components/vsProgress.styl +45 -45
  26. package/dist/style/components/vsRadio.styl +93 -93
  27. package/dist/style/components/vsSelect.styl +219 -219
  28. package/dist/style/components/vsSideBar.styl +267 -267
  29. package/dist/style/components/vsSlider.styl +196 -196
  30. package/dist/style/components/vsSpacer.styl +5 -5
  31. package/dist/style/components/vsSwitch.styl +93 -93
  32. package/dist/style/components/vsTable.styl +408 -408
  33. package/dist/style/components/vsTabs.styl +280 -280
  34. package/dist/style/components/vsTextarea.styl +82 -82
  35. package/dist/style/components/vsTimePicker.styl +42 -42
  36. package/dist/style/components/vsTooltip.styl +85 -85
  37. package/dist/style/components/vsUpload.styl +460 -460
  38. package/dist/style/mixins.styl +133 -133
  39. package/dist/style/root.styl +9 -9
  40. package/dist/style/vars.styl +45 -45
  41. package/dist/style/vuesax.styl +25 -25
  42. package/dist/vuesax.common.js +1 -1
  43. package/dist/vuesax.common.js.map +1 -1
  44. package/dist/vuesax.css +1 -1
  45. package/dist/vuesax.umd.js +1 -1
  46. package/dist/vuesax.umd.js.map +1 -1
  47. package/dist/vuesax.umd.min.js +2 -1
  48. package/dist/vuesax.umd.min.js.map +1 -0
  49. package/package.json +24 -26
package/dist/style/components/vsImages.styl CHANGED
@@ -1,166 +1,166 @@
1
- random(min, max)
2
- return floor(math(0, 'random') * (max - min + 1) + min)
3
-
4
- .vs-images
5
- // background: rgb(14, 142, 25)
6
- display: flex
7
- align-items: flex-start
8
- justify-content: center
9
-
10
- &.notBorderRadius
11
- .vs-image, .con-vs-image
12
- border-radius: 0 !important
13
-
14
- &.alternating
15
- .vs-image
16
- &:nth-child(5n)
17
- width: calc(50% - 4px)
18
- float right
19
-
20
- &.notMargin
21
- .vs-image
22
- &:nth-child(5n)
23
- width: 50%
24
-
25
- &.notMargin
26
- .vs-image
27
- margin: 0
28
- width: 25%
29
-
30
- .vs-images--ul
31
- display: flex
32
- align-items: flex-start
33
- justify-content: flex-start
34
- flex-wrap: wrap
35
- margin: 0
36
- padding: 10px
37
- width: 100%
38
-
39
- .vs-image
40
- width calc(25% - 4px)
41
- height auto
42
- // padding-bottom: calc(25% - 8px)
43
- list-style none
44
- margin: 2px
45
- border-radius: 10px
46
- // overflow hidden
47
- transition: all .25s ease
48
- position relative
49
- float left
50
- backface-visibility: visible
51
- cursor pointer
52
-
53
-
54
- .con-vs-image
55
- overflow hidden
56
- width: 100%
57
- border-radius: 10px
58
- z-index 200
59
- position relative
60
-
61
- .imag-blur
62
- position absolute
63
- width: 100%
64
- bottom: 0
65
- border-radius: 10px
66
- opacity 0
67
- z-index 100
68
- transform scale(1)
69
- filter: blur(5px)
70
- transition: all .25s ease
71
-
72
- .vs-image--img
73
- background-position: center center;
74
- width: 100%
75
- padding-bottom: 100%
76
- display: block
77
- position relative
78
- transition: all .25s ease
79
-
80
-
81
- .vs-images-hover-blur
82
- .vs-image
83
- &:hover
84
- transform: scale(1.04) translate(0, -2px)
85
- cursor pointer
86
- z-index 300
87
-
88
- .imag-blur
89
- opacity .8
90
- transform: scale(.9)
91
- filter: blur(5px)
92
- bottom: -10px
93
-
94
- .vs-images-hover-zoom
95
- .vs-image
96
- &:hover
97
- .vs-image--img
98
- transform: scale(1.2)
99
-
100
- .vs-images-hover-default
101
- .vs-image
102
- &:hover
103
- transform: scale(.9)
104
-
105
- .vs-image--img
106
- transform: scale(1.3)
107
-
108
- .vs-images-hover-dark
109
- .vs-image
110
- &:hover
111
- background: rgba(0, 0, 0, 1)
112
- border-radius: 20px
113
-
114
- .vs-image--img
115
- opacity .4
116
- border-radius: 20px
117
-
118
- .vs-images-hover-scale
119
- .vs-image
120
- &:hover
121
- z-index 300
122
- transform scale(1.15)
123
- box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .3)
124
-
125
- .vs-images-hover-curtain
126
- .vs-image
127
- overflow hidden
128
-
129
- &:after
130
- content: ''
131
- position: absolute
132
- left 0
133
- top: 0
134
- background: rgba(0, 0, 0, .5)
135
- width: 100%
136
- height 100%
137
- z-index 400
138
- border-radius: inherit
139
- // transform: scale(.8)
140
- transform: translate(0, -100%)
141
- opacity 0
142
- transition: all .25s ease
143
-
144
- .vs-image--img
145
- transform scale(1.2) translate(0, -10px)
146
-
147
- &:hover
148
- .vs-image--img
149
- transform scale(1.25) translate(0, 10px)
150
-
151
- &:after
152
- transform: scale(1) translate(0%)
153
- opacity 1
154
-
155
-
156
- @media only screen and (max-width: 700px)
157
- .vs-image
158
- width: calc(33% - 4px)
159
-
160
- @media only screen and (max-width: 550px)
161
- .vs-image
162
- width: calc(50% - 4px)
163
-
164
- @media only screen and (max-width: 350px)
165
- .vs-image
166
- width: calc(100% - 4px)
1
+ random(min, max)
2
+ return floor(math(0, 'random') * (max - min + 1) + min)
3
+
4
+ .vs-images
5
+ // background: rgb(14, 142, 25)
6
+ display: flex
7
+ align-items: flex-start
8
+ justify-content: center
9
+
10
+ &.notBorderRadius
11
+ .vs-image, .con-vs-image
12
+ border-radius: 0 !important
13
+
14
+ &.alternating
15
+ .vs-image
16
+ &:nth-child(5n)
17
+ width: calc(50% - 4px)
18
+ float right
19
+
20
+ &.notMargin
21
+ .vs-image
22
+ &:nth-child(5n)
23
+ width: 50%
24
+
25
+ &.notMargin
26
+ .vs-image
27
+ margin: 0
28
+ width: 25%
29
+
30
+ .vs-images--ul
31
+ display: flex
32
+ align-items: flex-start
33
+ justify-content: flex-start
34
+ flex-wrap: wrap
35
+ margin: 0
36
+ padding: 10px
37
+ width: 100%
38
+
39
+ .vs-image
40
+ width calc(25% - 4px)
41
+ height auto
42
+ // padding-bottom: calc(25% - 8px)
43
+ list-style none
44
+ margin: 2px
45
+ border-radius: 10px
46
+ // overflow hidden
47
+ transition: all .25s ease
48
+ position relative
49
+ float left
50
+ backface-visibility: visible
51
+ cursor pointer
52
+
53
+
54
+ .con-vs-image
55
+ overflow hidden
56
+ width: 100%
57
+ border-radius: 10px
58
+ z-index 200
59
+ position relative
60
+
61
+ .imag-blur
62
+ position absolute
63
+ width: 100%
64
+ bottom: 0
65
+ border-radius: 10px
66
+ opacity 0
67
+ z-index 100
68
+ transform scale(1)
69
+ filter: blur(5px)
70
+ transition: all .25s ease
71
+
72
+ .vs-image--img
73
+ background-position: center center;
74
+ width: 100%
75
+ padding-bottom: 100%
76
+ display: block
77
+ position relative
78
+ transition: all .25s ease
79
+
80
+
81
+ .vs-images-hover-blur
82
+ .vs-image
83
+ &:hover
84
+ transform: scale(1.04) translate(0, -2px)
85
+ cursor pointer
86
+ z-index 300
87
+
88
+ .imag-blur
89
+ opacity .8
90
+ transform: scale(.9)
91
+ filter: blur(5px)
92
+ bottom: -10px
93
+
94
+ .vs-images-hover-zoom
95
+ .vs-image
96
+ &:hover
97
+ .vs-image--img
98
+ transform: scale(1.2)
99
+
100
+ .vs-images-hover-default
101
+ .vs-image
102
+ &:hover
103
+ transform: scale(.9)
104
+
105
+ .vs-image--img
106
+ transform: scale(1.3)
107
+
108
+ .vs-images-hover-dark
109
+ .vs-image
110
+ &:hover
111
+ background: rgba(0, 0, 0, 1)
112
+ border-radius: 20px
113
+
114
+ .vs-image--img
115
+ opacity .4
116
+ border-radius: 20px
117
+
118
+ .vs-images-hover-scale
119
+ .vs-image
120
+ &:hover
121
+ z-index 300
122
+ transform scale(1.15)
123
+ box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .3)
124
+
125
+ .vs-images-hover-curtain
126
+ .vs-image
127
+ overflow hidden
128
+
129
+ &:after
130
+ content: ''
131
+ position: absolute
132
+ left 0
133
+ top: 0
134
+ background: rgba(0, 0, 0, .5)
135
+ width: 100%
136
+ height 100%
137
+ z-index 400
138
+ border-radius: inherit
139
+ // transform: scale(.8)
140
+ transform: translate(0, -100%)
141
+ opacity 0
142
+ transition: all .25s ease
143
+
144
+ .vs-image--img
145
+ transform scale(1.2) translate(0, -10px)
146
+
147
+ &:hover
148
+ .vs-image--img
149
+ transform scale(1.25) translate(0, 10px)
150
+
151
+ &:after
152
+ transform: scale(1) translate(0%)
153
+ opacity 1
154
+
155
+
156
+ @media only screen and (max-width: 700px)
157
+ .vs-image
158
+ width: calc(33% - 4px)
159
+
160
+ @media only screen and (max-width: 550px)
161
+ .vs-image
162
+ width: calc(50% - 4px)
163
+
164
+ @media only screen and (max-width: 350px)
165
+ .vs-image
166
+ width: calc(100% - 4px)