@redseed/redseed-ui-tailwindcss 6.6.1 → 6.6.3
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/components/body_text.css
CHANGED
|
@@ -3,3 +3,26 @@
|
|
|
3
3
|
@apply *:text-base *:text-text-primary;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.rsui-body-text--line-clamp-1 {
|
|
7
|
+
@apply line-clamp-1;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.rsui-body-text--line-clamp-2 {
|
|
11
|
+
@apply line-clamp-2;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rsui-body-text--line-clamp-3 {
|
|
15
|
+
@apply line-clamp-3;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.rsui-body-text--line-clamp-4 {
|
|
19
|
+
@apply line-clamp-4;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.rsui-body-text--line-clamp-5 {
|
|
23
|
+
@apply line-clamp-5;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rsui-body-text--line-clamp-6 {
|
|
27
|
+
@apply line-clamp-6;
|
|
28
|
+
}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
.rsui-progress-tracker {
|
|
2
|
-
@apply grid grid-flow-col auto-cols-fr
|
|
2
|
+
@apply grid grid-flow-col auto-cols-fr font-medium;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
.rsui-progress-tracker--sm {
|
|
6
|
+
@apply gap-8 text-xs;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.rsui-progress-tracker--md {
|
|
10
|
+
@apply gap-8 sm:gap-12 text-xs sm:text-base;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.rsui-progress-tracker--lg {
|
|
14
|
+
@apply gap-8 sm:gap-16 text-xs sm:text-xl;
|
|
15
|
+
}
|
|
@@ -1,20 +1,37 @@
|
|
|
1
1
|
.rsui-progress-tracker-step {
|
|
2
|
-
@apply relative flex flex-col items-center text-center
|
|
2
|
+
@apply relative flex flex-col items-center text-center;
|
|
3
|
+
|
|
4
|
+
@apply first:after:hidden;
|
|
5
|
+
@apply after:absolute after:content-[''] after:-translate-x-1/2;
|
|
6
|
+
@apply after:bg-border-secondary;
|
|
7
|
+
@apply after:w-[100%] xs:after:w-[140%] sm:after:w-[120%] lg:after:w-[120%] 3xl:after:w-[107%];
|
|
8
|
+
@apply after:h-1;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.rsui-progress-tracker-step--sm {
|
|
12
|
+
@apply gap-2;
|
|
13
|
+
|
|
14
|
+
@apply after:top-3.5;
|
|
15
|
+
@apply after:-left-4;
|
|
3
16
|
}
|
|
4
17
|
|
|
5
|
-
.rsui-progress-tracker-step
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
@apply
|
|
18
|
+
.rsui-progress-tracker-step--md {
|
|
19
|
+
@apply gap-2;
|
|
20
|
+
|
|
21
|
+
@apply after:top-3.5 sm:after:top-4.5;
|
|
22
|
+
@apply after:-left-4;
|
|
9
23
|
}
|
|
10
24
|
|
|
11
|
-
.rsui-progress-tracker-step
|
|
12
|
-
@apply
|
|
25
|
+
.rsui-progress-tracker-step--lg {
|
|
26
|
+
@apply gap-2 sm:gap-4;
|
|
27
|
+
|
|
28
|
+
@apply after:top-3.5 sm:after:top-6;
|
|
29
|
+
@apply after:-left-4 sm:after:-left-8;
|
|
13
30
|
}
|
|
14
31
|
|
|
15
|
-
.rsui-progress-tracker-step--active
|
|
16
|
-
.rsui-progress-tracker-step--completed
|
|
17
|
-
@apply bg-background-primary-contrast;
|
|
32
|
+
.rsui-progress-tracker-step--active,
|
|
33
|
+
.rsui-progress-tracker-step--completed {
|
|
34
|
+
@apply after:bg-background-primary-contrast;
|
|
18
35
|
}
|
|
19
36
|
|
|
20
37
|
.rsui-progress-tracker-step--clickable {
|
|
@@ -22,8 +39,20 @@
|
|
|
22
39
|
}
|
|
23
40
|
|
|
24
41
|
.rsui-progress-tracker-step__indicator {
|
|
25
|
-
@apply relative z-1
|
|
26
|
-
@apply bg-border-
|
|
42
|
+
@apply relative z-1 rounded-full border-2 overflow-hidden select-none;
|
|
43
|
+
@apply bg-border-secondary border-border-secondary text-text-on-color flex items-center justify-center;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.rsui-progress-tracker-step__indicator--sm {
|
|
47
|
+
@apply size-8;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.rsui-progress-tracker-step__indicator--md {
|
|
51
|
+
@apply size-8 sm:size-10;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.rsui-progress-tracker-step__indicator--lg {
|
|
55
|
+
@apply size-8 sm:size-13;
|
|
27
56
|
}
|
|
28
57
|
|
|
29
58
|
.rsui-progress-tracker-step__indicator--completed {
|