@acorex/styles 3.0.27 → 3.0.31

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 (30) hide show
  1. package/fonts/font-awesome/fa-brands-400.svg +3570 -3570
  2. package/fonts/font-awesome/fa-duotone-900.svg +15055 -15055
  3. package/fonts/font-awesome/fa-light-300.svg +12330 -12330
  4. package/fonts/font-awesome/fa-regular-400.svg +11256 -11256
  5. package/fonts/font-awesome/fa-solid-900.svg +9588 -9588
  6. package/fonts/font-awesome/font-awesome.css +16960 -16960
  7. package/package.json +11 -11
  8. package/scss/buttons.scss +64 -64
  9. package/scss/calendar.scss +129 -129
  10. package/scss/checkbox.scss +36 -36
  11. package/scss/context-menu.scss +80 -80
  12. package/scss/data-grid.scss +106 -106
  13. package/scss/drawer.scss +27 -27
  14. package/scss/fieldset.scss +22 -22
  15. package/scss/forms.scss +528 -528
  16. package/scss/list.scss +48 -48
  17. package/scss/master.scss +258 -258
  18. package/scss/menu.scss +471 -471
  19. package/scss/mixin.scss +11 -11
  20. package/scss/page.scss +53 -53
  21. package/scss/progress.scss +10 -10
  22. package/scss/selection-list.scss +116 -116
  23. package/scss/style.scss +49 -49
  24. package/scss/tab-strip.scss +23 -23
  25. package/scss/tab.scss +32 -32
  26. package/scss/toast.scss +23 -23
  27. package/scss/tooltip.scss +52 -52
  28. package/scss/treeview.scss +133 -133
  29. package/scss/upload.scss +168 -168
  30. package/scss/variables.scss +106 -106
package/scss/tooltip.scss CHANGED
@@ -1,53 +1,53 @@
1
- .ax-tooltip {
2
- position: absolute;
3
- max-width: 150px;
4
- text-align: center;
5
- color: #fff;
6
- padding: 0.5rem 0.7rem;
7
- background: #282a36;
8
- border-radius: var(--ax-size-border-radius);
9
- z-index: 20000;
10
- opacity: 0;
11
-
12
- &:after {
13
- content: "";
14
- position: absolute;
15
- border-style: solid;
16
- }
17
-
18
- &.ax-tooltip-top:after {
19
- top: 100%;
20
- left: 50%;
21
- margin-left: -5px;
22
- border-width: 5px;
23
- border-color: #282a36 transparent transparent transparent;
24
- }
25
-
26
- &.ax-tooltip-bottom:after {
27
- bottom: 100%;
28
- left: 50%;
29
- margin-left: -5px;
30
- border-width: 5px;
31
- border-color: transparent transparent #282a36 transparent;
32
- }
33
-
34
- &.ax-tooltip-left:after {
35
- top: 50%;
36
- left: 100%;
37
- margin-top: -5px;
38
- border-width: 5px;
39
- border-color: transparent transparent transparent #282a36;
40
- }
41
-
42
- &.ax-tooltip-right:after {
43
- top: 50%;
44
- right: 100%;
45
- margin-top: -5px;
46
- border-width: 5px;
47
- border-color: transparent #282a36 transparent transparent;
48
- }
49
-
50
- &.ax-tooltip-show {
51
- opacity: 1;
52
- }
1
+ .ax-tooltip {
2
+ position: absolute;
3
+ max-width: 150px;
4
+ text-align: center;
5
+ color: #fff;
6
+ padding: 0.5rem 0.7rem;
7
+ background: #282a36;
8
+ border-radius: var(--ax-size-border-radius);
9
+ z-index: 20000;
10
+ opacity: 0;
11
+
12
+ &:after {
13
+ content: "";
14
+ position: absolute;
15
+ border-style: solid;
16
+ }
17
+
18
+ &.ax-tooltip-top:after {
19
+ top: 100%;
20
+ left: 50%;
21
+ margin-left: -5px;
22
+ border-width: 5px;
23
+ border-color: #282a36 transparent transparent transparent;
24
+ }
25
+
26
+ &.ax-tooltip-bottom:after {
27
+ bottom: 100%;
28
+ left: 50%;
29
+ margin-left: -5px;
30
+ border-width: 5px;
31
+ border-color: transparent transparent #282a36 transparent;
32
+ }
33
+
34
+ &.ax-tooltip-left:after {
35
+ top: 50%;
36
+ left: 100%;
37
+ margin-top: -5px;
38
+ border-width: 5px;
39
+ border-color: transparent transparent transparent #282a36;
40
+ }
41
+
42
+ &.ax-tooltip-right:after {
43
+ top: 50%;
44
+ right: 100%;
45
+ margin-top: -5px;
46
+ border-width: 5px;
47
+ border-color: transparent #282a36 transparent transparent;
48
+ }
49
+
50
+ &.ax-tooltip-show {
51
+ opacity: 1;
52
+ }
53
53
  }
package/scss/treeview.scss CHANGED
@@ -1,133 +1,133 @@
1
- $ident: 1.5em;
2
- $left: -($ident);
3
- .treeview {
4
- padding: 0 1.6em;
5
- &.sm {
6
- .child {
7
- padding-inline-start: 1.5em;
8
- }
9
- .bordered {
10
- &::before {
11
- width: 1.5em;
12
- }
13
- &::after {
14
- width: 1.5em;
15
- }
16
- }
17
- .check-box {
18
- margin-top: -1em;
19
- }
20
- }
21
- li {
22
- list-style-type: none;
23
- position: relative;
24
- cursor: pointer;
25
- .ax-checkbox-container{
26
- span{
27
- display: none;
28
- }
29
- }
30
- &.node {
31
- padding-inline-start: 1rem;
32
- // .start-side {
33
- // display: none;
34
- // }
35
- .check-box {
36
- margin-inline-start: -2em;
37
- z-index: 1;
38
- }
39
- }
40
- &.selected {
41
- background-color: var(--ax-primary-trans-dark-color);
42
- }
43
- &.bordered {
44
- &:before {
45
- content: "";
46
- position: absolute;
47
- top: -0.2em;
48
- left: -1em;
49
- border-left: 1px solid var(--ax-gray-dark-color);
50
- border-bottom: 1px solid var(--ax-gray-dark-color);
51
- width: 1.5em;
52
- height: 17.8px;
53
- [dir="rtl"] & {
54
- right: -1em !important;
55
- left: initial !important;
56
- border-right: 1px solid var(--ax-gray-dark-color);
57
- border-left: none !important;
58
- }
59
- }
60
- &:after {
61
- position: absolute;
62
- content: "";
63
- top: 1.2em;
64
- left: -1em;
65
- border-left: 1px solid var(--ax-gray-dark-color);
66
- border-top: 1px solid var(--ax-gray-dark-color);
67
- width: $ident;
68
- height: 100%;
69
- [dir="rtl"] & {
70
- right: -1em;
71
- left: initial;
72
- border-right: 1px solid var(--ax-gray-dark-color);
73
- border-left: none !important;
74
- }
75
- }
76
- &:last-child:after {
77
- display: none;
78
- }
79
- }
80
- [dir="rtl"] & {
81
- .fas {
82
- -webkit-transform: scaleX(-1);
83
- transform: scaleX(-1);
84
- }
85
- }
86
- .start-side {
87
- display: flex;
88
- align-items: center;
89
- .collapse-icon {
90
- display: flex;
91
- align-items: center;
92
- justify-content: center;
93
- width: 1em;
94
- height: 1em;
95
- border: 1px solid var(--ax-gray-dark-color);
96
- background: var(--ax-white-color);
97
- z-index: 1;
98
- i {
99
- font-size: 0.7em;
100
- text-align: center;
101
- :not(.fa-spin) {
102
- font-size: initial !important;
103
- }
104
- }
105
- }
106
- .ax-checkbox-container {
107
- margin-inline-start: 0.5rem;
108
- }
109
- }
110
- .check-box {
111
- margin-top: -1.5em;
112
- }
113
- .text-list {
114
- flex: 1;
115
- display: flex;
116
- margin-inline-start: 0.5rem;
117
-
118
- }
119
- >div {
120
- padding: 0.5em 0;
121
- &:hover {
122
- background-color: var(--ax-gray-trans-light-color);
123
- }
124
- }
125
- .child{
126
- li:not(.node){
127
- .text-list{
128
- margin-inline-start: 0.5rem;
129
- }
130
- }
131
- }
132
- }
133
- }
1
+ $ident: 1.5em;
2
+ $left: -($ident);
3
+ .treeview {
4
+ padding: 0 1.6em;
5
+ &.sm {
6
+ .child {
7
+ padding-inline-start: 1.5em;
8
+ }
9
+ .bordered {
10
+ &::before {
11
+ width: 1.5em;
12
+ }
13
+ &::after {
14
+ width: 1.5em;
15
+ }
16
+ }
17
+ .check-box {
18
+ margin-top: -1em;
19
+ }
20
+ }
21
+ li {
22
+ list-style-type: none;
23
+ position: relative;
24
+ cursor: pointer;
25
+ .ax-checkbox-container{
26
+ span{
27
+ display: none;
28
+ }
29
+ }
30
+ &.node {
31
+ padding-inline-start: 1rem;
32
+ // .start-side {
33
+ // display: none;
34
+ // }
35
+ .check-box {
36
+ margin-inline-start: -2em;
37
+ z-index: 1;
38
+ }
39
+ }
40
+ &.selected {
41
+ background-color: var(--ax-primary-trans-dark-color);
42
+ }
43
+ &.bordered {
44
+ &:before {
45
+ content: "";
46
+ position: absolute;
47
+ top: -0.2em;
48
+ left: -1em;
49
+ border-left: 1px solid var(--ax-gray-dark-color);
50
+ border-bottom: 1px solid var(--ax-gray-dark-color);
51
+ width: 1.5em;
52
+ height: 17.8px;
53
+ [dir="rtl"] & {
54
+ right: -1em !important;
55
+ left: initial !important;
56
+ border-right: 1px solid var(--ax-gray-dark-color);
57
+ border-left: none !important;
58
+ }
59
+ }
60
+ &:after {
61
+ position: absolute;
62
+ content: "";
63
+ top: 1.2em;
64
+ left: -1em;
65
+ border-left: 1px solid var(--ax-gray-dark-color);
66
+ border-top: 1px solid var(--ax-gray-dark-color);
67
+ width: $ident;
68
+ height: 100%;
69
+ [dir="rtl"] & {
70
+ right: -1em;
71
+ left: initial;
72
+ border-right: 1px solid var(--ax-gray-dark-color);
73
+ border-left: none !important;
74
+ }
75
+ }
76
+ &:last-child:after {
77
+ display: none;
78
+ }
79
+ }
80
+ [dir="rtl"] & {
81
+ .fas {
82
+ -webkit-transform: scaleX(-1);
83
+ transform: scaleX(-1);
84
+ }
85
+ }
86
+ .start-side {
87
+ display: flex;
88
+ align-items: center;
89
+ .collapse-icon {
90
+ display: flex;
91
+ align-items: center;
92
+ justify-content: center;
93
+ width: 1em;
94
+ height: 1em;
95
+ border: 1px solid var(--ax-gray-dark-color);
96
+ background: var(--ax-white-color);
97
+ z-index: 1;
98
+ i {
99
+ font-size: 0.7em;
100
+ text-align: center;
101
+ :not(.fa-spin) {
102
+ font-size: initial !important;
103
+ }
104
+ }
105
+ }
106
+ .ax-checkbox-container {
107
+ margin-inline-start: 0.5rem;
108
+ }
109
+ }
110
+ .check-box {
111
+ margin-top: -1.5em;
112
+ }
113
+ .text-list {
114
+ flex: 1;
115
+ display: flex;
116
+ margin-inline-start: 0.5rem;
117
+
118
+ }
119
+ >div {
120
+ padding: 0.5em 0;
121
+ &:hover {
122
+ background-color: var(--ax-gray-trans-light-color);
123
+ }
124
+ }
125
+ .child{
126
+ li:not(.node){
127
+ .text-list{
128
+ margin-inline-start: 0.5rem;
129
+ }
130
+ }
131
+ }
132
+ }
133
+ }