From 5cec8cc254d4aff3380529713948f249d69fa9ce Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 14 Apr 2026 20:32:38 -0300 Subject: css: demo dimming cover artwork UI until hovered/focused We're immediately reverting this but I want to keep the code and functionality on the record. Neatness! --- src/static/css/responsive.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'src/static/css/responsive.css') diff --git a/src/static/css/responsive.css b/src/static/css/responsive.css index 38e4188a..67826a01 100644 --- a/src/static/css/responsive.css +++ b/src/static/css/responsive.css @@ -27,7 +27,22 @@ /* Layout - Wide or Medium */ +@property deferred-non-mobile-switch { + syntax: ; + initial-value: 0; +} + +@keyframes defer-non-mobile-switch { + 0% { --deferred-non-mobile-switch: 0; } + 99.9% { --deferred-non-mobile-switch: 0; } + 100% { --deferred-non-mobile-switch: 1; } +} + @media (min-width: 600px) { + :root { + animation: defer-non-mobile-switch 0.15s forwards; + } + .content-sticky-heading-root { /* Safari doesn't always play nicely with position: sticky, * this seems to fix images sometimes displaying above the -- cgit 1.3.0-6-gf8a5