fixed-vuesax 3.14.1 → 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 (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/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)