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/vsTextarea.styl CHANGED
@@ -1,82 +1,82 @@
1
- .vs-con-textarea
2
- width: 100%
3
- position relative
4
- border: 1px solid rgba(0, 0, 0, .08)
5
- box-shadow: 0 0 0 0 rgba(0, 0, 0, .0)
6
- border-radius: 6px
7
- transition: boxShadow .25s ease, border .25s ease, transform .25s ease
8
- // overflow hidden
9
- transform: translate(0, 0)
10
- margin-bottom: 16px
11
-
12
- &.focusx
13
- // box-shadow: 0 4px 16px 0 rgba(0,0,0,.05)
14
- // border: 1px solid rgba(0,0,0,.02)
15
- // transform: translate(0, -3px)
16
-
17
- h4
18
- background: rgb(252, 252, 252)
19
- padding-top: 4px
20
- padding-bottom: 4px
21
-
22
- h4
23
- font-size: .7rem
24
- padding: 8px
25
- padding-bottom: 0
26
- cursor default
27
- transition: all .25s ease
28
- border-radius: 5px 5px 0 0
29
-
30
-
31
- .vs-textarea
32
- resize: none
33
- border-radius: 6px
34
- border: 0 solid rgba(0, 0, 0, .0)
35
- display: block
36
- padding: 9px
37
- color: rgba(0, 0, 0, .8)
38
- font-size: .8rem
39
- width: 100%
40
- max-width 100%
41
- min-width 100%
42
- background: transparent
43
-
44
- &:focus
45
- resize: both;
46
-
47
- ~
48
- .count
49
- opacity 1
50
-
51
- &.textarea-danger
52
- border: 1px solid getColor('danger', .4)
53
- box-shadow: 0 4px 20px 0 getColor('danger', .1)
54
-
55
- .vs-textarea
56
- color getColor('danger', .8)
57
-
58
- .count
59
- background: getColor('danger', 1)
60
-
61
- .vs-textarea--count
62
- position: absolute
63
- right 14px
64
- bottom: 0
65
- transform: translate(0, 100%)
66
- // background: rgb(250,250,250)
67
- padding: 1px 6px
68
- font-size: .6rem
69
-
70
- border-radius: 0 0 5px 5px
71
- font-weight: bold
72
- box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05)
73
- cursor default
74
- background: getColor('primary', 1)
75
- color rgba(255, 255, 255, 1)
76
- opacity .3
77
- transition: all .25s ease
78
-
79
- for colorx, i in $vs-colors
80
- .focusx
81
- &.vs-textarea-{colorx}
82
- border: 1px solid getColor(colorx) !important
1
+ .vs-con-textarea
2
+ width: 100%
3
+ position relative
4
+ border: 1px solid rgba(0, 0, 0, .08)
5
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, .0)
6
+ border-radius: 6px
7
+ transition: boxShadow .25s ease, border .25s ease, transform .25s ease
8
+ // overflow hidden
9
+ transform: translate(0, 0)
10
+ margin-bottom: 16px
11
+
12
+ &.focusx
13
+ // box-shadow: 0 4px 16px 0 rgba(0,0,0,.05)
14
+ // border: 1px solid rgba(0,0,0,.02)
15
+ // transform: translate(0, -3px)
16
+
17
+ h4
18
+ background: rgb(252, 252, 252)
19
+ padding-top: 4px
20
+ padding-bottom: 4px
21
+
22
+ h4
23
+ font-size: .7rem
24
+ padding: 8px
25
+ padding-bottom: 0
26
+ cursor default
27
+ transition: all .25s ease
28
+ border-radius: 5px 5px 0 0
29
+
30
+
31
+ .vs-textarea
32
+ resize: none
33
+ border-radius: 6px
34
+ border: 0 solid rgba(0, 0, 0, .0)
35
+ display: block
36
+ padding: 9px
37
+ color: rgba(0, 0, 0, .8)
38
+ font-size: .8rem
39
+ width: 100%
40
+ max-width 100%
41
+ min-width 100%
42
+ background: transparent
43
+
44
+ &:focus
45
+ resize: both;
46
+
47
+ ~
48
+ .count
49
+ opacity 1
50
+
51
+ &.textarea-danger
52
+ border: 1px solid getColor('danger', .4)
53
+ box-shadow: 0 4px 20px 0 getColor('danger', .1)
54
+
55
+ .vs-textarea
56
+ color getColor('danger', .8)
57
+
58
+ .count
59
+ background: getColor('danger', 1)
60
+
61
+ .vs-textarea--count
62
+ position: absolute
63
+ right 14px
64
+ bottom: 0
65
+ transform: translate(0, 100%)
66
+ // background: rgb(250,250,250)
67
+ padding: 1px 6px
68
+ font-size: .6rem
69
+
70
+ border-radius: 0 0 5px 5px
71
+ font-weight: bold
72
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05)
73
+ cursor default
74
+ background: getColor('primary', 1)
75
+ color rgba(255, 255, 255, 1)
76
+ opacity .3
77
+ transition: all .25s ease
78
+
79
+ for colorx, i in $vs-colors
80
+ .focusx
81
+ &.vs-textarea-{colorx}
82
+ border: 1px solid getColor(colorx) !important
package/dist/style/components/vsTimePicker.styl CHANGED
@@ -1,42 +1,42 @@
1
- .vs-timepicker
2
- display: inline-block
3
- position relative
4
-
5
- .con-vs-time
6
- display: flex
7
- align-items: center
8
- justify-content: center
9
-
10
- .time
11
- padding: 5px 8px
12
- margin: 0 2px
13
- border-radius: 4px
14
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05)
15
- cursor pointer
16
- position relative
17
-
18
- .con-ul-time
19
- overflow: hidden
20
- max-height: 180px
21
- position: absolute
22
- z-index 20000
23
-
24
- .ul-time
25
- position relative
26
- background: rgb(255, 255, 255)
27
- margin: 0
28
- padding: 0
29
- height auto
30
- max-height: 180px
31
- overflow: auto
32
- border-radius: 4px
33
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05)
34
-
35
- li
36
- padding: 5px 8px
37
- list-style none
38
- text-align: center
39
- cursor pointer
40
-
41
- &.active-time
42
- background: rgb(0, 0, 0)
1
+ .vs-timepicker
2
+ display: inline-block
3
+ position relative
4
+
5
+ .con-vs-time
6
+ display: flex
7
+ align-items: center
8
+ justify-content: center
9
+
10
+ .time
11
+ padding: 5px 8px
12
+ margin: 0 2px
13
+ border-radius: 4px
14
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05)
15
+ cursor pointer
16
+ position relative
17
+
18
+ .con-ul-time
19
+ overflow: hidden
20
+ max-height: 180px
21
+ position: absolute
22
+ z-index 20000
23
+
24
+ .ul-time
25
+ position relative
26
+ background: rgb(255, 255, 255)
27
+ margin: 0
28
+ padding: 0
29
+ height auto
30
+ max-height: 180px
31
+ overflow: auto
32
+ border-radius: 4px
33
+ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05)
34
+
35
+ li
36
+ padding: 5px 8px
37
+ list-style none
38
+ text-align: center
39
+ cursor pointer
40
+
41
+ &.active-time
42
+ background: rgb(0, 0, 0)
package/dist/style/components/vsTooltip.styl CHANGED
@@ -1,85 +1,85 @@
1
- .con-vs-tooltip
2
- display: inline-block
3
-
4
- .vs-tooltip
5
- display: block
6
- height auto
7
- position absolute
8
- left 0;
9
- top: 0;
10
- z-index 40000
11
- background: rgb(50, 50, 50)
12
- padding: 5px 7px;
13
- font-size: 12px
14
- border-radius: 6px;
15
- max-width 220px
16
- color: rgb(255, 255, 255)
17
-
18
- &.after-none
19
- &:after
20
- display: none !important
21
-
22
- h4
23
- color: inherit;
24
- font-size: 13px;
25
- width: 100%;
26
- border-bottom: 1px solid hsla(0, 0, 50%, .5)
27
- padding-bottom: 5px;
28
- margin-bottom: 5px;
29
- text-align: center
30
-
31
- &:after
32
- content: ''
33
- background: inherit
34
- width: 8px;
35
- height 8px;
36
- position absolute
37
- display block
38
-
39
- &.vs-tooltip-top
40
- &:after
41
- transform: rotate(45deg) translate(-50%)
42
- bottom: -6px
43
- left 50%;
44
-
45
- &.vs-tooltip-bottom
46
- &:after
47
- transform: rotate(45deg) translate(-50%)
48
- top: -1px
49
- left 50%;
50
-
51
- &.vs-tooltip-left
52
- &:after
53
- transform: rotate(45deg) translate(0, -50%)
54
- top: 50%;
55
- right -1px;
56
-
57
- &.vs-tooltip-right
58
- &:after
59
- transform: rotate(45deg) translate(0, -50%)
60
- top: 50%;
61
- left -6px;
62
-
63
- .tooltip-fade-enter-active, .tooltip-fade-leave-active
64
- transition: opacity .2s, transform .2s;
65
-
66
- .tooltip-fade-enter, .tooltip-fade-leave-to
67
- opacity: 0;
68
- // transform: scale(.7)
69
-
70
- &.vs-tooltip-top
71
- transform: translate(0, -10px)
72
-
73
- &.vs-tooltip-bottom
74
- transform: translate(0, 10px)
75
-
76
- &.vs-tooltip-left
77
- transform: translate(-10px, 0%)
78
-
79
- &.vs-tooltip-right
80
- transform: translate(10px, 0%)
81
-
82
-
83
- for colorx, i in $vs-colors
84
- .vs-tooltip-{colorx}
85
- background: getColor(colorx, 1)
1
+ .con-vs-tooltip
2
+ display: inline-block
3
+
4
+ .vs-tooltip
5
+ display: block
6
+ height auto
7
+ position absolute
8
+ left 0;
9
+ top: 0;
10
+ z-index 40000
11
+ background: rgb(50, 50, 50)
12
+ padding: 5px 7px;
13
+ font-size: 12px
14
+ border-radius: 6px;
15
+ max-width 220px
16
+ color: rgb(255, 255, 255)
17
+
18
+ &.after-none
19
+ &:after
20
+ display: none !important
21
+
22
+ h4
23
+ color: inherit;
24
+ font-size: 13px;
25
+ width: 100%;
26
+ border-bottom: 1px solid hsla(0, 0, 50%, .5)
27
+ padding-bottom: 5px;
28
+ margin-bottom: 5px;
29
+ text-align: center
30
+
31
+ &:after
32
+ content: ''
33
+ background: inherit
34
+ width: 8px;
35
+ height 8px;
36
+ position absolute
37
+ display block
38
+
39
+ &.vs-tooltip-top
40
+ &:after
41
+ transform: rotate(45deg) translate(-50%)
42
+ bottom: -6px
43
+ left 50%;
44
+
45
+ &.vs-tooltip-bottom
46
+ &:after
47
+ transform: rotate(45deg) translate(-50%)
48
+ top: -1px
49
+ left 50%;
50
+
51
+ &.vs-tooltip-left
52
+ &:after
53
+ transform: rotate(45deg) translate(0, -50%)
54
+ top: 50%;
55
+ right -1px;
56
+
57
+ &.vs-tooltip-right
58
+ &:after
59
+ transform: rotate(45deg) translate(0, -50%)
60
+ top: 50%;
61
+ left -6px;
62
+
63
+ .tooltip-fade-enter-active, .tooltip-fade-leave-active
64
+ transition: opacity .2s, transform .2s;
65
+
66
+ .tooltip-fade-enter, .tooltip-fade-leave-to
67
+ opacity: 0;
68
+ // transform: scale(.7)
69
+
70
+ &.vs-tooltip-top
71
+ transform: translate(0, -10px)
72
+
73
+ &.vs-tooltip-bottom
74
+ transform: translate(0, 10px)
75
+
76
+ &.vs-tooltip-left
77
+ transform: translate(-10px, 0%)
78
+
79
+ &.vs-tooltip-right
80
+ transform: translate(10px, 0%)
81
+
82
+
83
+ for colorx, i in $vs-colors
84
+ .vs-tooltip-{colorx}
85
+ background: getColor(colorx, 1)