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/vsCollapse.styl CHANGED
@@ -1,109 +1,109 @@
1
- .vs-collapse
2
- transition: all .3s ease;
3
- border-radius: 8px
4
- // box-shadow: 0 2px 12px 0 rgba(0,0,0,.05)
5
- padding: 10px
6
-
7
- &.shadow
8
- .open-item
9
- transform: scale(1.01)
10
- box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
11
- margin-top: 5px
12
- border-bottom: 0 solid rgba(0, 0, 0, .0)
13
- margin-bottom: 10px
14
- border-radius: 6px
15
-
16
- .vs-collapse-item--icon-header
17
- propWithDir(transform, null, (-50% -50%), rotate(180deg))
18
-
19
- .con-content-item
20
- opacity 1
21
-
22
- &.margin
23
- .vs-collapse-item
24
- margin-top: 10px
25
- margin-bottom: 10px
26
- box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
27
- border-radius: 5px
28
- border-bottom: 0 solid rgba(0, 0, 0, .0)
29
-
30
- .open-item
31
- .con-content-item
32
- opacity 1
33
-
34
- .vs-collapse-item--icon-header
35
- propWithDir(transform, null, (-50% -50%), rotate(180deg))
36
-
37
- &.border
38
- border: 1px solid rgba(0, 0, 0, .1)
39
- padding: 0
40
-
41
- .vs-collapse-item
42
- border-bottom: 1px solid rgba(0, 0, 0, .1)
43
-
44
- .open-item
45
- .con-content-item
46
- opacity 1
47
-
48
- .vs-collapse-item--icon-header
49
- propWithDir(transform, null, (-50% -50%), rotate(180deg))
50
-
51
-
52
- &.default
53
- .open-item
54
- .con-content--item
55
- opacity 1
56
-
57
- .vs-collapse-item--icon-header
58
- propWithDir(transform, null, (-50% -50%), rotate(180deg))
59
-
60
- .vs-collapse-item
61
- border-bottom: 1px solid rgba(0, 0, 0, .04)
62
- cursor: pointer;
63
- transition: all .25s ease
64
-
65
- &.open-item
66
- .con-content--item
67
- opacity 1
68
-
69
- &.disabledx
70
- opacity: $vs-disabled-opacity
71
- cursor: default
72
- pointer-events: none
73
- z-index: 999;
74
-
75
- &:last-child
76
- border-bottom: 0 solid rgba(0, 0, 0, .0) !important
77
-
78
- .vs-collapse-item--header
79
- display: block
80
- padding: 10px
81
- position relative
82
- transition: all .25s ease
83
-
84
- .vs-collapse-item--icon-header
85
- position: absolute
86
- propWithDir(right, null, 0)
87
- top: 50%
88
- propWithDir(transform, null, (-50% -50%))
89
- transition: all .25s ease
90
- display: flex
91
- align-items: center
92
- justify-content: center
93
- border-radius: 5px
94
-
95
- .vs-collapse-item--content
96
- overflow hidden
97
- transition: all .2s ease
98
-
99
- // box-shadow: inset 0 0 6px 0 rgba(0,0,0,.05)
100
- .con-content--item
101
- padding: 10px
102
- padding-top: 0
103
- font-size: .85rem
104
- // transform: translate(0,-20px)
105
- opacity .2
106
- transition: all .25s ease
107
-
108
-
109
-
1
+ .vs-collapse
2
+ transition: all .3s ease;
3
+ border-radius: 8px
4
+ // box-shadow: 0 2px 12px 0 rgba(0,0,0,.05)
5
+ padding: 10px
6
+
7
+ &.shadow
8
+ .open-item
9
+ transform: scale(1.01)
10
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
11
+ margin-top: 5px
12
+ border-bottom: 0 solid rgba(0, 0, 0, .0)
13
+ margin-bottom: 10px
14
+ border-radius: 6px
15
+
16
+ .vs-collapse-item--icon-header
17
+ propWithDir(transform, null, (-50% -50%), rotate(180deg))
18
+
19
+ .con-content-item
20
+ opacity 1
21
+
22
+ &.margin
23
+ .vs-collapse-item
24
+ margin-top: 10px
25
+ margin-bottom: 10px
26
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
27
+ border-radius: 5px
28
+ border-bottom: 0 solid rgba(0, 0, 0, .0)
29
+
30
+ .open-item
31
+ .con-content-item
32
+ opacity 1
33
+
34
+ .vs-collapse-item--icon-header
35
+ propWithDir(transform, null, (-50% -50%), rotate(180deg))
36
+
37
+ &.border
38
+ border: 1px solid rgba(0, 0, 0, .1)
39
+ padding: 0
40
+
41
+ .vs-collapse-item
42
+ border-bottom: 1px solid rgba(0, 0, 0, .1)
43
+
44
+ .open-item
45
+ .con-content-item
46
+ opacity 1
47
+
48
+ .vs-collapse-item--icon-header
49
+ propWithDir(transform, null, (-50% -50%), rotate(180deg))
50
+
51
+
52
+ &.default
53
+ .open-item
54
+ .con-content--item
55
+ opacity 1
56
+
57
+ .vs-collapse-item--icon-header
58
+ propWithDir(transform, null, (-50% -50%), rotate(180deg))
59
+
60
+ .vs-collapse-item
61
+ border-bottom: 1px solid rgba(0, 0, 0, .04)
62
+ cursor: pointer;
63
+ transition: all .25s ease
64
+
65
+ &.open-item
66
+ .con-content--item
67
+ opacity 1
68
+
69
+ &.disabledx
70
+ opacity: $vs-disabled-opacity
71
+ cursor: default
72
+ pointer-events: none
73
+ z-index: 999;
74
+
75
+ &:last-child
76
+ border-bottom: 0 solid rgba(0, 0, 0, .0) !important
77
+
78
+ .vs-collapse-item--header
79
+ display: block
80
+ padding: 10px
81
+ position relative
82
+ transition: all .25s ease
83
+
84
+ .vs-collapse-item--icon-header
85
+ position: absolute
86
+ propWithDir(right, null, 0)
87
+ top: 50%
88
+ propWithDir(transform, null, (-50% -50%))
89
+ transition: all .25s ease
90
+ display: flex
91
+ align-items: center
92
+ justify-content: center
93
+ border-radius: 5px
94
+
95
+ .vs-collapse-item--content
96
+ overflow hidden
97
+ transition: all .2s ease
98
+
99
+ // box-shadow: inset 0 0 6px 0 rgba(0,0,0,.05)
100
+ .con-content--item
101
+ padding: 10px
102
+ padding-top: 0
103
+ font-size: .85rem
104
+ // transform: translate(0,-20px)
105
+ opacity .2
106
+ transition: all .25s ease
107
+
108
+
109
+
package/dist/style/components/vsDivider.styl CHANGED
@@ -1,34 +1,34 @@
1
- .vs-divider
2
- width: 100%;
3
- position: relative;
4
- margin: 15px 0;
5
- clear: both;
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
-
10
- .after, .before
11
- position: relative;
12
- display: block;
13
- width: 100%;
14
-
15
- .vs-divider--text
16
- cursor: default;
17
- user-select: none;
18
- position: relative;
19
- white-space: nowrap;
20
- background: rgb(255, 255, 255);
21
- padding-left: 12px;
22
- padding-right: 12px;
23
- font-size: 0.9375em;
24
-
25
- .vs-divider--icon
26
- font-size: 1.25em;
27
-
28
- for colorx, i in $vs-colors
29
- .vs-divider-border-{colorx}
30
- border-top-color: getColor(colorx, 1)
31
- .vs-divider-text-{colorx}
32
- color: getColor(colorx, 1)
33
- .vs-divider-background-{colorx}
34
- background: getColor(colorx, 1)
1
+ .vs-divider
2
+ width: 100%;
3
+ position: relative;
4
+ margin: 15px 0;
5
+ clear: both;
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+
10
+ .after, .before
11
+ position: relative;
12
+ display: block;
13
+ width: 100%;
14
+
15
+ .vs-divider--text
16
+ cursor: default;
17
+ user-select: none;
18
+ position: relative;
19
+ white-space: nowrap;
20
+ background: rgb(255, 255, 255);
21
+ padding-left: 12px;
22
+ padding-right: 12px;
23
+ font-size: 0.9375em;
24
+
25
+ .vs-divider--icon
26
+ font-size: 1.25em;
27
+
28
+ for colorx, i in $vs-colors
29
+ .vs-divider-border-{colorx}
30
+ border-top-color: getColor(colorx, 1)
31
+ .vs-divider-text-{colorx}
32
+ color: getColor(colorx, 1)
33
+ .vs-divider-background-{colorx}
34
+ background: getColor(colorx, 1)