From 45c66eaa88aefba86bf2a75d17c0f2fcdebaae1b Mon Sep 17 00:00:00 2001 From: Fuwn Date: Fri, 15 May 2026 11:59:35 +0000 Subject: style(card): move backdrop blur to an opt-in .card-glass modifier Strip backdrop-filter: blur(4px) from the base .card so the ~50 in-flow surfaces (landing panels, schedule rows, tool cards, user profile cards, badge wall, etc.) stop paying for a blur they don't need. Introduce .card-glass for the surfaces that actually float over other content: the sticky page header, header nav dropdowns, command palette, title-attribute tooltips, LinkedTooltip, and HoverCover. Popup, MediaRoulette, and Notification keep their existing parent-overlay or solid-background treatments. --- src/styles/card.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/styles') diff --git a/src/styles/card.css b/src/styles/card.css index 6aabf5fb..07a62fcd 100644 --- a/src/styles/card.css +++ b/src/styles/card.css @@ -30,6 +30,9 @@ details, background-color: var(--base0011); padding: 1rem; border-radius: 8px; +} + +.card-glass { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } -- cgit v1.2.3