| 1 |
1 |
|
<style>
|
| 2 |
2 |
|
/* Platform chrome for custom pages. Lives outside the user canvas, so creator
|
| 3 |
3 |
|
CSS (scoped to .user-canvas / .item-canvas) can never restyle or hide it.
|
| 4 |
|
- |
Deliberately minimal and theme-independent. */
|
|
4 |
+ |
Deliberately minimal and theme-independent.
|
|
5 |
+ |
|
|
6 |
+ |
STAYS INLINE. Asked and answered 2026-08-16.
|
|
7 |
+ |
|
|
8 |
+ |
The guarantee is structural, not a cascade contest. css_sanitizer.rs
|
|
9 |
+ |
re-emits every creator rule nested inside .user-canvas#uc-{owner}; the
|
|
10 |
+ |
header and footer are siblings of that canvas, so a creator selector
|
|
11 |
+ |
naming .mnw-chrome is emitted under the canvas and matches nothing. No
|
|
12 |
+ |
specificity, layer or !important is involved, which is why this block
|
|
13 |
+ |
needs none. Demonstrated by css_sanitizer.rs's
|
|
14 |
+ |
platform_chrome_is_unreachable_from_creator_css, which walks eight escape
|
|
15 |
+ |
attempts including `*`, `html body .mnw-chrome-brand` and `:root`.
|
|
16 |
+ |
|
|
17 |
+ |
So a cascade layer would buy nothing here, and these pages have none to
|
|
18 |
+ |
join: custom/*.html are standalone documents that do not go through
|
|
19 |
+ |
shell.rs, link no stylesheet, and never emit the `@layer makeover, base,
|
|
20 |
+ |
components, responsive` statement. Moving these lines into style.css
|
|
21 |
+ |
would pull the whole platform sheet onto every creator page and put every
|
|
22 |
+ |
platform class in scope on the one surface built for creator control.
|
|
23 |
+ |
|
|
24 |
+ |
A separate linked chrome.css would be cacheable, and is still not worth
|
|
25 |
+ |
it: ~1.3KB against a second request, and a fetch that fails leaves the
|
|
26 |
+ |
chrome unstyled while the creator's inline CSS still renders. Inline
|
|
27 |
+ |
cannot fail that way. Revisit only if this block grows past the point
|
|
28 |
+ |
where its bytes beat the round trip. */
|
| 5 |
29 |
|
html, body { margin: 0; padding: 0; }
|
| 6 |
30 |
|
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
|
| 7 |
31 |
|
.mnw-chrome, .mnw-chrome-footer {
|