From dd3df729c0f1fd43309d46148b58e7fac54aadbf Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 15:15:49 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 38 ++++--------------------------- 1 file changed, 4 insertions(+), 34 deletions(-) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 17673ab..5b14838 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -176,7 +176,10 @@ transform: translateZ(-1px); } -/* Hover – identisch zu den Türen, behält Clip & Glitzer */ +/* Gemeinsames Hover-Verhalten über JS-Sync */ +.door.hover-sync, +.door.open:hover, +.openfield.hover-sync, .door.open + .openfield:hover { transform: scale(1.05); background: @@ -190,37 +193,4 @@ box-shadow: 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), inset 0 0 10px rgba(255, 255, 255, 0.25); -} - -/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld (nur passendes Paar) --- */ - -/* Wenn die Tür gehovered wird → zugehöriges Feld reagiert */ -.door.open:hover + .openfield { - transform: scale(1.05); - background: - linear-gradient( - 130deg, - rgba(255, 255, 255, 0.45) 0%, - rgba(255, 255, 255, 0.15) 40%, - rgba(0, 0, 0, 0.25) 100% - ), - rgba(0, 0, 0, 0.12); - box-shadow: - 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), - inset 0 0 10px rgba(255, 255, 255, 0.25); -} - -/* Wenn das offene Feld gehovered wird → genau die vorherige (geöffnete) Tür reagiert */ -.openfield:hover { - z-index: 7; /* Feld nach oben bringen */ -} -.openfield:hover, -.openfield:hover::before { - transform: scale(1.05); -} -.openfield:hover, -.openfield:hover + .door.open { - box-shadow: - 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), - inset 0 0 10px rgba(255, 255, 255, 0.25); } \ No newline at end of file