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

tinted-Variante: durchgehendes Vollbreite-Band statt Karte; aufeinanderfolgende Bänder verschmelzen

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-06-11 22:35:24 +02:00
parent f55bd40a1e
commit 297e4a1546
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -165,12 +165,19 @@
gap: 3rem;
}
/* Variante: sanft aufgehelltes Panel hinter dem Inhalt (tinted: true im JSON) */
.split--tinted .split__inner {
padding: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
background: linear-gradient(180deg, rgb(255 255 255 / 0.07), rgb(255 255 255 / 0.04));
border: 1px solid rgb(255 255 255 / 0.12);
border-radius: var(--radius-card);
/* Variante: sanft aufgehelltes, durchgehendes Band über die volle Breite (tinted: true im JSON).
Direkt aufeinanderfolgende tinted-Sektionen verschmelzen nahtlos. */
.split--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 {
border-top: 0;
}
.split--tinted:has(+ .split--tinted) {
border-bottom: 0;
}
.split--flip .split__text {