@klodd/ds 3.17.0 → 3.17.1
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/css/00-primitives.css
CHANGED
|
@@ -24,7 +24,9 @@
|
|
|
24
24
|
text vid done.
|
|
25
25
|
================================================================ */
|
|
26
26
|
.hero-amount {
|
|
27
|
-
|
|
27
|
+
/* 2026-05-13: fs-80 → fs-100 default (25% storre) for hero-display-tyngd.
|
|
28
|
+
Apparna kan overstyra via --hero-amount-fz om mindre size behovs. */
|
|
29
|
+
font-size: var(--hero-amount-fz, var(--fs-100));
|
|
28
30
|
/* Undantag fran 400/500-policy: display-siffra, inte UI-text.
|
|
29
31
|
600 ger nodvandig visuell tyngd pa hero-storlekar. */
|
|
30
32
|
font-weight: 600;
|
package/css/components/hero.css
CHANGED
|
@@ -20,10 +20,11 @@
|
|
|
20
20
|
data-animate-roll triggar animationen.
|
|
21
21
|
================================================================ */
|
|
22
22
|
.hero {
|
|
23
|
-
/*
|
|
24
|
-
|
|
23
|
+
/* 2026-05-13: text-align center for hero-sektion. Hero-content
|
|
24
|
+
(amount + label + meta + actions) centreras pa horisontalt sa
|
|
25
|
+
pengar-display dominerar viewport-mittan. */
|
|
25
26
|
padding: var(--space-20) 0 var(--space-24);
|
|
26
|
-
text-align:
|
|
27
|
+
text-align: center;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
.hero__heading {
|
|
@@ -53,7 +54,8 @@
|
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
.hero__amount {
|
|
56
|
-
|
|
57
|
+
/* 2026-05-13: fs-80 → fs-100 (25% storre) for mer display-tyngd. */
|
|
58
|
+
font-size: var(--fs-100);
|
|
57
59
|
font-weight: var(--fw-medium);
|
|
58
60
|
letter-spacing: var(--ls-tightest, -0.04em);
|
|
59
61
|
color: var(--text-default);
|
|
@@ -75,6 +77,7 @@
|
|
|
75
77
|
.hero__amount-row {
|
|
76
78
|
display: flex;
|
|
77
79
|
align-items: center;
|
|
80
|
+
justify-content: center;
|
|
78
81
|
gap: var(--space-10);
|
|
79
82
|
margin-bottom: var(--space-8);
|
|
80
83
|
}
|
|
@@ -92,5 +95,6 @@
|
|
|
92
95
|
display: flex;
|
|
93
96
|
gap: var(--space-8);
|
|
94
97
|
align-items: center;
|
|
98
|
+
justify-content: center;
|
|
95
99
|
flex-wrap: wrap;
|
|
96
100
|
}
|