From 9da84f5226feec72f40da06996e1a940c414a120 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 14 Apr 2026 20:33:29 -0300 Subject: Revert "css: demo dimming cover artwork UI until hovered/focused" This reverts commit 5cec8cc254d4aff3380529713948f249d69fa9ce. --- src/static/css/features.css | 43 ------------------------------------------- 1 file changed, 43 deletions(-) (limited to 'src/static/css/features.css') diff --git a/src/static/css/features.css b/src/static/css/features.css index 5e9f9e0d..3a1a0cdd 100644 --- a/src/static/css/features.css +++ b/src/static/css/features.css @@ -823,49 +823,6 @@ } @layer interaction { - /* Wide or Medium layout - so, not thin/phone! */ - @media (min-width: 601px) { - .cover-artwork, - .cover-artwork .image-container, - .cover-artwork .image-details { - transition-duration: 0.4s; - - /* Here be spooky. This is an evil Firefox and Safari detection - * because those browsers both play nice and let transition-duration - * depend on an animated CSS variable. Chrome does not. - */ - @supports (-moz-orient: inline) or (hanging-punctuation: first) { - transition-duration: calc(var(--deferred-non-mobile-switch) * 0.4s); - } - - transition-timing-function: steps(6, start); - } - - .cover-artwork { - transition-property: border-color; - } - - .cover-artwork:not(:hover, :focus-within):not(:has(.reveal:not(.revealed))) { - border-color: var(--dim-color); - } - - .cover-artwork .image-container { - transition-property: background-color; - } - - .cover-artwork:not(:hover, :focus-within) .image-container { - background-color: var(--dark-color) !important; - } - - .cover-artwork .image-details { - transition-property: opacity; - } - - .cover-artwork:not(:hover, :focus-within) .image-details:not(.origin-details) { - opacity: 0.6; - } - } - .music-video .image-link::after { content: "▶︎"; background: #0008; -- cgit 1.3.0-6-gf8a5