From 297e4a1546c44667902c4179d664276ade91dc3c Mon Sep 17 00:00:00 2001 From: Felix Schneider Date: Thu, 11 Jun 2026 22:35:24 +0200 Subject: [PATCH] =?UTF-8?q?tinted-Variante:=20durchgehendes=20Vollbreite-B?= =?UTF-8?q?and=20statt=20Karte;=20aufeinanderfolgende=20B=C3=A4nder=20vers?= =?UTF-8?q?chmelzen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 --- public/assets/css/components.css | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/public/assets/css/components.css b/public/assets/css/components.css index be8eb88..1a05ca3 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -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 {