@acorex/styles 5.3.4 → 5.6.0
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.
- package/package.json +1 -1
- package/src/base/index.scss +0 -1
- package/src/components/_alert.scss +25 -9
- package/src/components/_button.scss +290 -82
- package/src/components/_collapse.scss +5 -4
- package/src/components/_color-palette.scss +69 -13
- package/src/components/_color-picker.scss +15 -5
- package/src/components/_data-table.scss +16 -0
- package/src/components/_decoration.scss +0 -3
- package/src/components/_dialog.scss +2 -2
- package/src/components/_drawer.scss +9 -5
- package/src/components/_dropdown.scss +4 -0
- package/src/components/_editor-container.scss +4 -4
- package/src/components/_list.scss +4 -0
- package/src/components/_popup.scss +4 -0
- package/src/components/_tabs.scss +9 -5
- package/src/components/index.scss +2 -1
- package/src/icons/demo.html +43 -1
- package/src/icons/fonts/acorex-icon.eot +0 -0
- package/src/icons/fonts/acorex-icon.svg +3 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -1
- package/src/icons/style.css +14 -5
- package/src/icons/style.scss +20 -5
- package/src/icons/variables.scss +3 -0
- package/src/utility/_mixins.scss +9 -2
- package/src/utility/index.scss +7 -0
package/package.json
CHANGED
package/src/base/index.scss
CHANGED
|
@@ -13,18 +13,22 @@
|
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
@apply ax-px-3.5 ax-py-3 ax-bg-transparent ax-border-none ax-justify-start ax-text-sm;
|
|
18
|
-
|
|
16
|
+
&>ax-header {
|
|
17
|
+
@apply ax-flex ax-px-3.5 ax-items-center ax-py-3 ax-bg-transparent ax-border-none ax-justify-start ax-text-sm;
|
|
18
|
+
|
|
19
|
+
&>ax-icon {
|
|
19
20
|
@apply ax-me-3 ax-text-2xl;
|
|
20
21
|
}
|
|
21
22
|
}
|
|
23
|
+
|
|
22
24
|
.ax-alert-body {
|
|
23
25
|
@apply ax-flex-1 ax-p-3.5 ax-text-sm;
|
|
26
|
+
|
|
24
27
|
ax-icon {
|
|
25
28
|
@apply ax-me-3 ax-text-2xl;
|
|
26
29
|
}
|
|
27
|
-
|
|
30
|
+
|
|
31
|
+
&>ax-content {
|
|
28
32
|
@apply ax-block ax-text-sm ax-break-words;
|
|
29
33
|
|
|
30
34
|
ul {
|
|
@@ -42,37 +46,44 @@
|
|
|
42
46
|
|
|
43
47
|
ax-suffix {
|
|
44
48
|
@apply ax-block;
|
|
49
|
+
|
|
45
50
|
ax-button {
|
|
46
51
|
@apply ax-ms-2 #{!important};
|
|
47
52
|
}
|
|
48
53
|
}
|
|
49
54
|
|
|
50
55
|
ax-footer {
|
|
51
|
-
@apply ax-bg-transparent ax-
|
|
52
|
-
|
|
56
|
+
@apply ax-bg-transparent ax-p-0 ax-mt-3;
|
|
57
|
+
|
|
53
58
|
ax-suffix {
|
|
54
|
-
ax-button{
|
|
59
|
+
ax-button {
|
|
55
60
|
@apply ax-ms-0 ax-me-2 #{!important};
|
|
56
61
|
}
|
|
62
|
+
|
|
57
63
|
@apply ax-mt-3;
|
|
58
64
|
}
|
|
59
65
|
}
|
|
60
66
|
}
|
|
67
|
+
|
|
61
68
|
&.ax-light-default {
|
|
62
69
|
|
|
63
70
|
ax-header {
|
|
64
|
-
@apply ax-bg-light-200
|
|
71
|
+
@apply ax-bg-light-200;
|
|
65
72
|
}
|
|
73
|
+
|
|
66
74
|
.ax-alert-body {
|
|
67
75
|
@applyax-bg-light-300;
|
|
68
76
|
}
|
|
77
|
+
|
|
69
78
|
.ax-alert-progress {
|
|
70
79
|
@apply ax-absolute ax-bg-light-400;
|
|
71
80
|
}
|
|
72
81
|
}
|
|
82
|
+
|
|
73
83
|
&.ax-dark-default {
|
|
74
84
|
ax-button {
|
|
75
85
|
@apply ax-bg-white/30 #{!important};
|
|
86
|
+
|
|
76
87
|
&:hover,
|
|
77
88
|
&:active,
|
|
78
89
|
&:focus {
|
|
@@ -80,27 +91,32 @@
|
|
|
80
91
|
}
|
|
81
92
|
}
|
|
82
93
|
}
|
|
94
|
+
|
|
83
95
|
&[class*="dark"] {
|
|
84
96
|
.ax-alert-progress {
|
|
85
97
|
@apply ax-bg-white/50;
|
|
86
98
|
}
|
|
87
99
|
}
|
|
100
|
+
|
|
88
101
|
.ax-alert-progress {
|
|
89
102
|
@apply ax-absolute ax-bg-black/30 ax-start-0 ax-bottom-0 ax-h-1.5 ax-w-0;
|
|
90
103
|
animation-duration: 4s;
|
|
91
104
|
animation-timing-function: linear;
|
|
92
105
|
animation-name: progressBar;
|
|
93
106
|
}
|
|
107
|
+
|
|
94
108
|
@keyframes progressBar {
|
|
95
109
|
0% {
|
|
96
110
|
width: 100%;
|
|
97
111
|
}
|
|
112
|
+
|
|
98
113
|
100% {
|
|
99
114
|
width: 0%;
|
|
100
115
|
}
|
|
101
116
|
}
|
|
117
|
+
|
|
102
118
|
@include button-on-colorful-bg();
|
|
103
119
|
|
|
104
120
|
@include color-look-generator();
|
|
105
121
|
}
|
|
106
|
-
}
|
|
122
|
+
}
|