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/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)