@klodd/ds 3.17.0 → 3.17.2
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
package/css/10-semantic.css
CHANGED
|
@@ -356,10 +356,12 @@
|
|
|
356
356
|
/* Tx-row */
|
|
357
357
|
--tx-icon-size: 36px;
|
|
358
358
|
|
|
359
|
-
/* Hero amount sizes (kontextuellt overriden i media queries).
|
|
360
|
-
|
|
359
|
+
/* Hero amount sizes (kontextuellt overriden i media queries).
|
|
360
|
+
2026-05-13: --hero-amount-fz: fs-80 → fs-100 (25% storre).
|
|
361
|
+
--hero-amount-fluid: clamp ovre tak 80 → 100 for matchning. */
|
|
362
|
+
--hero-amount-fz: var(--fs-100);
|
|
361
363
|
--hero-amount-card-fz: var(--fs-40);
|
|
362
|
-
--hero-amount-fluid: clamp(40px,
|
|
364
|
+
--hero-amount-fluid: clamp(40px, 14vw, 100px);
|
|
363
365
|
}
|
|
364
366
|
|
|
365
367
|
|
|
@@ -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
|
}
|