@acorex/styles 5.0.58 → 5.1.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
CHANGED
|
@@ -1,36 +1,44 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
.ax-carousel {
|
|
3
|
-
text-
|
|
4
|
-
overflow: hidden;
|
|
5
|
-
width: 100%;
|
|
6
|
-
display: block;
|
|
7
|
-
position: relative;
|
|
3
|
+
@apply ax-text-center ax-overflow-hidden ax-w-full ax-block ax-relative;
|
|
8
4
|
.ax-carousel-arrows {
|
|
9
|
-
@apply ax-flex ax-absolute ax-justify-between ax-justify-items-center ax-cursor-pointer ax-bg-transparent ax-text-white ax-invisible;
|
|
10
|
-
top: 0;
|
|
11
|
-
left: 0;
|
|
12
|
-
right: 0;
|
|
13
|
-
bottom: 0;
|
|
5
|
+
@apply ax-flex ax-absolute ax-justify-between ax-justify-items-center ax-cursor-pointer ax-bg-transparent ax-text-white ax-invisible ax-left-0 ax-right-0 ax-top-0 ax-bottom-0;
|
|
14
6
|
button {
|
|
15
7
|
@apply ax-border-none ax-cursor-pointer ax-bg-transparent ax-text-white ax-visible;
|
|
16
8
|
.ax-ic {
|
|
17
|
-
|
|
9
|
+
@apply ax-text-4xl;
|
|
18
10
|
}
|
|
19
11
|
}
|
|
12
|
+
.ax-vertical-arrow{
|
|
13
|
+
@apply ax-absolute ax-left-1/2 ax-block;
|
|
14
|
+
transform: translate(-50%, -50%);
|
|
15
|
+
&.ax-top-arrow {
|
|
16
|
+
@apply ax-top-5;
|
|
17
|
+
.ax-ic {
|
|
18
|
+
@apply ax-block ax-rotate-90
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
&.ax-bottom-arrow {
|
|
22
|
+
@apply -ax-bottom-5;
|
|
23
|
+
transform: translate(-50%, -50%);
|
|
24
|
+
.ax-ic {
|
|
25
|
+
@apply ax-block -ax-rotate-90
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
20
30
|
}
|
|
21
31
|
.ax-carousel-pager {
|
|
22
|
-
@apply ax-flex ax-
|
|
32
|
+
@apply ax-flex ax-my-3 ax-justify-center;
|
|
23
33
|
button {
|
|
24
34
|
@apply ax-p-1 ax-mx-1 ax-cursor-pointer ax-border-none ax-rounded-full ax-bg-light-300;
|
|
25
|
-
width: calc(var(--ax-base-size) * 1.5);
|
|
26
|
-
height: calc(var(--ax-base-size) * 1.5);
|
|
27
35
|
&:hover {
|
|
28
|
-
@apply ax-bg-primary-
|
|
36
|
+
@apply ax-bg-primary-500;
|
|
29
37
|
}
|
|
30
38
|
&.ax-state-active {
|
|
31
|
-
@apply ax-bg-primary-
|
|
39
|
+
@apply ax-bg-primary-500;
|
|
32
40
|
}
|
|
33
41
|
}
|
|
34
42
|
}
|
|
35
43
|
}
|
|
36
|
-
}
|
|
44
|
+
}
|