srcdev-nuxt-components 9.3.10 → 9.3.11
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.
|
@@ -37,7 +37,7 @@ compose.
|
|
|
37
37
|
| Token | Default | Controls |
|
|
38
38
|
|---|---|---|
|
|
39
39
|
| `--service-detail-hero-border-radius` | `0.8rem` | Corner rounding on the hero (clips the image/content layers — set to `0` for a true edge-to-edge bleed hero) |
|
|
40
|
-
| `--service-detail-hero-content-align` | `end` | `align-content`
|
|
40
|
+
| `--service-detail-hero-content-align` | `end` | `align-content` on `.service-detail__hero-content` (the breadcrumb/title/pills wrapper) — where that content sits within the hero's block axis (`end` = bottom-anchored) |
|
|
41
41
|
| `--service-detail-hero-min-height-mobile` | `32rem` | Hero banner height below the `768px` container breakpoint. The hero image always fills this height (`object-fit`/`object-position` control cropping) |
|
|
42
42
|
| `--service-detail-hero-min-height-tablet` | `36rem` | Hero banner height from the `768px` container breakpoint |
|
|
43
43
|
| `--service-detail-hero-min-height-desktop` | `42rem` | Hero banner height from the `1024px` container breakpoint |
|
|
@@ -302,7 +302,6 @@ watch(
|
|
|
302
302
|
.service-detail__hero-overlay {
|
|
303
303
|
display: grid;
|
|
304
304
|
height: 100%;
|
|
305
|
-
align-content: var(--service-detail-hero-content-align, end);
|
|
306
305
|
padding-block: var(--service-detail-hero-padding, 3.2rem);
|
|
307
306
|
background: var(
|
|
308
307
|
--service-detail-hero-scrim,
|
|
@@ -310,6 +309,9 @@ watch(
|
|
|
310
309
|
);
|
|
311
310
|
|
|
312
311
|
.service-detail__hero-content {
|
|
312
|
+
display: grid;
|
|
313
|
+
align-content: var(--service-detail-hero-content-align, end);
|
|
314
|
+
|
|
313
315
|
.service-detail__breadcrumb {
|
|
314
316
|
--breadcrumb-colour: var(--service-detail-hero-text-colour, white);
|
|
315
317
|
margin-block-end: var(--service-detail-breadcrumb-margin-block-end, 0.8rem);
|