dark glass, the whole app: frost on every pane, and the periscope pattern for every glass bar the frost sits under - backdrop-filter black-flattens over see-through ground (measured 3-vs-40), so bars over frost blur a scroll-synced clone behind a static band cut instead; the bar moved out of the scroller (pane shell, inner .content keeping the closest-contract, the old negative-margin flow replayed by a spacer after the artist page's sticky physics named the scrollport padding sacred); painted pages declare data-painted and keep the real backdrop bar, which is how the artist hero runs under the glass again; np wash rides the scroll away and dissolves to frost like the album banner; perf measured to vsync - 142px blur wraps (27.9ms frames down to 6.9), idle scroll-gated reclones, clip-path band, content-visibility on library rows, async cover decode; mini frosts over the mini:glass channel and the rest-frame flags ride window config because the env-var lane dies on some webview2 runtimes
This commit is contained in:
1 parent
225c9139aa
commit
6ba1864498
16 files changed
+821
-117
No files matched your search
@@ -1164,6 +1164,16 @@
|
||||
var(--bg-base) 100%
|
||||
);
|
||||
}
|
||||
/* Dark glass: the banner DISSOLVES at its foot instead of landing on a
|
||||
repainted tail — a translucent tail color can never match the frost
|
||||
beneath and drew a hard line at the box edge (Kyle, 2026-08-26). The
|
||||
mask fades the whole layer (img + scrim together) to nothing, so it
|
||||
ends on frost at frost's own value — the np wash's move. Solid mode
|
||||
keeps the gradient's opaque landing against --bg-base. */
|
||||
:global(:root.glass) .banner {
|
||||
mask-image: linear-gradient(to bottom, #000 55%, transparent 98%);
|
||||
-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 98%);
|
||||
}
|
||||
|
||||
/* `stretch`, not `flex-end`: the copy column is sized BY the artwork, so
|
||||
its first line starts at the cover's top edge and its last row ends at
|
||||
|
||||
Reference in new issue
Block a user