max / makenotwork
- Co-Authored-By
- Claude Opus 5 (1M context) <noreply@anthropic.com>
1 file changed,
+27 insertions,
-0 deletions
| @@ -11564,6 +11564,33 @@ | |||
| 11564 | 11564 | background: var(--surface-raised); | |
| 11565 | 11565 | } | |
| 11566 | 11566 | ||
| 11567 | + | /* Landing showcase only: lift the frames off the page. | |
| 11568 | + | ||
| 11569 | + | The three landing frames are screenshots of this site, so the parchment they | |
| 11570 | + | were shot on is the parchment they sit on, and a 1px border between two | |
| 11571 | + | identical grounds is not an edge anyone sees. A blurred shadow is the right | |
| 11572 | + | kind here by the scale's own rule at the top of this file: the frame reads as | |
| 11573 | + | something laid over the page rather than as part of it. | |
| 11574 | + | ||
| 11575 | + | Scoped to .landing-showcase rather than applied to .carousel-img, and that is | |
| 11576 | + | the point rather than an inconsistency. The same widget carries creator | |
| 11577 | + | galleries on /u and /p, where a creator's chosen theme swaps every surface | |
| 11578 | + | token underneath it; a literal rgba-black offset picked against parchment and | |
| 11579 | + | pushed onto all 31 themes is the exact mistake --shadow-raised was rewritten | |
| 11580 | + | to undo. The landing page is brand-owned and always parchment, so the literal | |
| 11581 | + | is true everywhere it lands. If a themed surface ever wants this, it wants a | |
| 11582 | + | token derived from its own theme, not this rule widened. */ | |
| 11583 | + | .landing-showcase .carousel-img { | |
| 11584 | + | /* Not --shadow-3. That scale is calibrated for popovers and dropdowns, a few | |
| 11585 | + | hundred pixels across; on a frame this wide a 12px blur disappears, which | |
| 11586 | + | was measured rather than assumed. The blur scales with the plate instead. */ | |
| 11587 | + | box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24); | |
| 11588 | + | /* The shadow falls downward, so it does nothing for the top edge, which is | |
| 11589 | + | exactly where a parchment screenshot dissolves into a parchment page. The | |
| 11590 | + | border is what closes the other three sides. */ | |
| 11591 | + | border-color: var(--border-strong); | |
| 11592 | + | } | |
| 11593 | + | ||
| 11567 | 11594 | .carousel-caption { | |
| 11568 | 11595 | margin-top: var(--gap-group); | |
| 11569 | 11596 | font-family: var(--font-mono); |