fs/tsv08kulmbach-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tinted-Band generalisiert (.section--tinted) und Ansprechpartner-Sektion hervorgehoben

Browse Source 
Enthält auch User-Erweiterung: person-grid mit Abteilungs-Filter/Title/Intro-Props

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-06-11 22:41:57 +02:00
parent 5c4b45a5fe
commit 1ee08b932d
3 changed files with 35 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/assets/css/components.css
View File

@@ -14,8 +14,8 @@
/* Kompakte Variante: schlanker Unterseiten-Header statt vollflächig. */
.hero--compact {
min-height: min(48vh, 440px);
padding-block: calc(var(--header-h) + 56px) 3rem;
min-height: min(60vh, 560px);
padding-block: calc(var(--header-h) + 64px) 3.5rem;
}
.hero__media {
@@ -171,18 +171,19 @@
gap: 3rem;
}
/* Variante: sanft aufgehelltes, durchgehendes Band über die volle Breite (tinted: true im JSON).
/* Sanft aufgehelltes, durchgehendes Band über die volle Breite — generisch für
jede Sektion (Split via tinted: true im JSON, person-grid u.a. per Klasse).
Direkt aufeinanderfolgende tinted-Sektionen verschmelzen nahtlos. */
.split--tinted {
.section--tinted {
background: linear-gradient(180deg, rgb(255 255 255 / 0.06), rgb(255 255 255 / 0.035));
border-block: 1px solid rgb(255 255 255 / 0.1);
}
.split--tinted + .split--tinted {
.section--tinted + .section--tinted {
border-top: 0;
}
.split--tinted:has(+ .split--tinted) {
.section--tinted:has(+ .section--tinted) {
border-bottom: 0;
}