Skip to content

fix(luna): the Explorer rail is added to the window, not taken out of the document #313

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
oddharsh merged 1 commit into from
Aug 10, 2026
Merged

fix(luna): the Explorer rail is added to the window, not taken out of the document #313

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion holding/_worker.js/writing.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ background:oklch(93% 0.012 90);border-top:1px solid oklch(80% 0.02 90)}
.np-note{display:none !important}
.np-note:popover-open{display:flex !important}
/* folder index ("My Writing") */
.np-folder{height:auto;min-height:0;max-width:560px}
.np-folder{height:auto;min-height:0;--axp-maxw:560px;max-width:var(--axp-maxw)}
.np-folder-body{padding:14px 16px 6px}
.np-folder-intro{margin:0 0 12px;color:oklch(40% 0 0);text-wrap:pretty}
.np-files{list-style:none;margin:0;padding:0;border:1px solid oklch(80% 0.02 250)}
Expand Down
2 changes: 1 addition & 1 deletion holding/access/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
/* the page's own chrome lives on .window below, but body needs the family too:
anything the shell injects OUTSIDE .window inherits from here. */
body{font-family:var(--font-ui)}
.window{max-width:1440px;font-family:var(--font-ui);font-size:10.5pt;color:var(--ink)}
.window{--axp-maxw:1440px; max-width:var(--axp-maxw);font-family:var(--font-ui);font-size:10.5pt;color:var(--ink)}
h1{font-family:var(--font-caption);font-size:17pt;font-weight:700;color:var(--navy);margin:0 0 2px;letter-spacing:-.01em;text-wrap:balance}
h2{font-family:var(--font-caption);font-size:12.5pt;font-weight:700;color:var(--navy2);margin:22px 0 6px}
h3{font-family:var(--font-caption);font-size:10.5pt;font-weight:700;color:var(--navy);margin:14px 0 4px}
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/blueprint.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
padding: 24px 12px 60px; min-height: 100vh;
}
.window {
max-width: 720px; margin: 0 auto; background: oklch(100% 0 0);
--axp-maxw: 720px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;
box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35);
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/chunks.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/cloudflare.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/compression.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/encoding.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/gpt56.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
*{box-sizing:border-box}
html,body{margin:0;padding:0}html{background:linear-gradient(180deg,oklch(56% .13 250),oklch(73% .10 236) 50%,oklch(88% .05 232) 60%,oklch(60% .16 140))}
body{background:transparent;font-family:var(--font-ui);font-size:10.5pt;line-height:1.5;color:var(--ink,#181818);padding:24px 12px 60px;min-height:100vh}
.window{max-width:760px;margin:0 auto;background:#fff}
.window{--axp-maxw:760px; max-width:var(--axp-maxw);margin:0 auto;background:#fff}
.title-bar .sol-icon{background:#ffd36b;border-radius:2px;position:relative;overflow:hidden}
.title-bar .sol-icon:before{content:"";position:absolute;inset:3px;border:2px solid #e45f3e;border-radius:50%}
.title-bar .sol-icon:after{content:"";position:absolute;left:7px;right:7px;top:7px;bottom:7px;background:#e45f3e;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/horizon.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
}

.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100.00% 0 0);
border: 1px solid oklch(61.14% 0.0611 253.60);
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
}

.window {
max-width: 660px;
--axp-maxw: 660px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100.00% 0 0);
border: 1px solid oklch(61.14% 0.0611 253.60);
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/iroh.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/masonry.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
font-family: var(--font-ui); font-size: 10.5pt; line-height: 1.5;
color: oklch(21.78% 0 0); padding: 24px 12px 60px; min-height: 100vh;
}
.window { max-width: 720px; margin: 0 auto; background: oklch(100% 0 0);
.window { --axp-maxw: 720px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;
box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35); }
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/octane.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
*{box-sizing:border-box}
html,body{margin:0;padding:0}html{background:linear-gradient(180deg,oklch(56% .13 250),oklch(73% .10 236) 50%,oklch(88% .05 232) 60%,oklch(60% .16 140))}
body{background:transparent;font-family:var(--font-ui);font-size:10.5pt;line-height:1.5;color:#181818;padding:24px 12px 60px;min-height:100vh}
.window{max-width:820px;margin:0 auto;background:#fff;border:2px solid #0831d9;border-right-color:#001ea0;border-bottom-color:#001ea0;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:inset 1px 1px 0 #166aee,inset -1px -1px 0 #00138c,4px 4px 0 rgba(0,30,160,.35)}
.window{--axp-maxw:820px; max-width:var(--axp-maxw);margin:0 auto;background:#fff;border:2px solid #0831d9;border-right-color:#001ea0;border-bottom-color:#001ea0;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:inset 1px 1px 0 #166aee,inset -1px -1px 0 #00138c,4px 4px 0 rgba(0,30,160,.35)}
.title-bar{background:linear-gradient(180deg,oklch(70% .15 258),oklch(60% .20 261) 8%,oklch(51% .225 263) 18%,oklch(50% .225 263) 86%,oklch(58% .18 260));color:#fff;font-family:var(--font-caption);font-weight:bold;font-size:11pt;padding:4px 5px 4px 8px;display:flex;align-items:center;gap:6px;text-shadow:1px 1px #0f1089;user-select:none}
.title-bar .title-text{flex:1;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-bar .icon{width:14px;height:14px;flex:0 0 14px;background:#fff;border:1px solid #8f4d06;position:relative}.title-bar .icon:before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#ef8f24;text-shadow:none}
.controls{display:inline-flex;align-items:center;gap:2px}.controls span,.controls a{position:relative;box-sizing:border-box;width:21px;height:21px;display:inline-block;overflow:hidden;font-size:0;color:transparent;border:1px solid #6696eb;border-radius:3px;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#5f8cf7,#3a71f5 22%,#3e73f5 55%,#2a70f2 82%,#1045be)}.controls .close{border-color:#d8401c;background:linear-gradient(180deg,#e8795f,#e45f40 30%,#e45d3d 52%,#e2552a 80%,#ae3110)}.controls .min:before{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:2px;background:#fff}.controls .max:before{content:"";position:absolute;left:5px;top:5px;width:11px;height:9px;border:1px solid #fff;border-top-width:2px}.controls .close:before,.controls .close:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:#fff}.controls .close:before{transform:rotate(45deg)}.controls .close:after{transform:rotate(-45deg)}
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/pqc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
*{box-sizing:border-box}
html,body{margin:0;padding:0}html{background:linear-gradient(180deg,oklch(56% .13 250),oklch(73% .10 236) 50%,oklch(88% .05 232) 60%,oklch(60% .16 140))}
body{background:transparent;font-family:var(--font-ui);font-size:10.5pt;line-height:1.5;color:#181818;padding:24px 12px 60px;min-height:100vh}
.window{max-width:820px;margin:0 auto;background:#fff;border:2px solid #0831d9;border-right-color:#001ea0;border-bottom-color:#001ea0;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:inset 1px 1px 0 #166aee,inset -1px -1px 0 #00138c,4px 4px 0 rgba(0,30,160,.35)}
.window{--axp-maxw:820px; max-width:var(--axp-maxw);margin:0 auto;background:#fff;border:2px solid #0831d9;border-right-color:#001ea0;border-bottom-color:#001ea0;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:inset 1px 1px 0 #166aee,inset -1px -1px 0 #00138c,4px 4px 0 rgba(0,30,160,.35)}
.title-bar{background:linear-gradient(180deg,oklch(70% .15 258),oklch(60% .20 261) 8%,oklch(51% .225 263) 18%,oklch(50% .225 263) 86%,oklch(58% .18 260));color:#fff;font-family:var(--font-caption);font-weight:bold;font-size:11pt;padding:4px 5px 4px 8px;display:flex;align-items:center;gap:6px;text-shadow:1px 1px #0f1089;user-select:none}
.title-bar .title-text{flex:1;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-bar .icon{width:14px;height:14px;flex:0 0 14px;background:#fff;border:1px solid #8f4d06;position:relative}.title-bar .icon:before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#ef8f24;text-shadow:none}
.controls{display:inline-flex;align-items:center;gap:2px}.controls span,.controls a{position:relative;box-sizing:border-box;width:21px;height:21px;display:inline-block;overflow:hidden;font-size:0;color:transparent;border:1px solid #6696eb;border-radius:3px;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#5f8cf7,#3a71f5 22%,#3e73f5 55%,#2a70f2 82%,#1045be)}.controls .close{border-color:#d8401c;background:linear-gradient(180deg,#e8795f,#e45f40 30%,#e45d3d 52%,#e2552a 80%,#ae3110)}.controls .min:before{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:2px;background:#fff}.controls .max:before{content:"";position:absolute;left:5px;top:5px;width:11px;height:9px;border:1px solid #fff;border-top-width:2px}.controls .close:before,.controls .close:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:#fff}.controls .close:before{transform:rotate(45deg)}.controls .close:after{transform:rotate(-45deg)}
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/pretext.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
padding: 24px 12px 60px; min-height: 100vh;
}
.window {
max-width: 720px; margin: 0 auto; background: oklch(100% 0 0);
--axp-maxw: 720px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;
box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd,
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/safari27.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
font-family: var(--font-ui); font-size: 10.5pt; line-height: 1.5;
color: oklch(21.78% 0 0); padding: 24px 12px 60px; min-height: 100vh;
}
.window { max-width: 720px; margin: 0 auto; background: oklch(100% 0 0);
.window { --axp-maxw: 720px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;
box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35); }
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/scroll.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
padding: 24px 12px 60px; min-height: 100vh;
}
.window {
max-width: 680px; margin: 0 auto; background: oklch(100% 0 0);
--axp-maxw: 680px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
/* NO overflow:hidden here: it would steal the view() scroll source from the
root, breaking animation-timeline:view() on .maxi descendants. The title-bar
has its own matching border-radius so corners look correct without it. */
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/teardown.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/tooltips.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/wire.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
2 changes: 1 addition & 1 deletion holding/garage/workers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
min-height: 100vh;
}
.window {
max-width: 720px;
--axp-maxw: 720px; max-width: var(--axp-maxw);
margin: 0 auto;
background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
Expand Down
16 changes: 12 additions & 4 deletions holding/luna.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1060,13 +1060,21 @@ a.car-link:visited { text-decoration-style: dotted; text-underline-offset: 2px;
opened with a hole under its heading. And as a sibling it stops scrolling
with the document, which is what Explorer actually does: the rail stays, the
listing moves. Row 3 is the only flexible one, so .content keeps the
overflow:auto the OS-window model depends on. */
.window:has(>.axp-tasks),.np-window:has(>.axp-tasks){display:grid;grid-template-columns:186px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:14px}
overflow:auto the OS-window model depends on.

THE RAIL IS FURNITURE, SO IT IS ADDED TO THE WINDOW RATHER THAN TAKEN OUT OF
THE DOCUMENT. Every page declares its measure as `--axp-maxw` (the worker
pages through lunaPage's `width`, the staged ones in their own `.window`
rule) and a paned window grows by exactly one rail plus one gap. Without
this, /garage/encoding declared 720px of prose and rendered 516px of it: the
number a page author picked silently meant something different on any page
Explorer chrome reached. The 186/14 literals are tokenised because the track
and the compensation have to agree, and a paned window whose two numbers
disagree is off by exactly the amount nobody notices. */
.window:has(>.axp-tasks),.np-window:has(>.axp-tasks){--axp-rail:186px;--axp-rail-gap:14px;display:grid;grid-template-columns:var(--axp-rail) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:var(--axp-rail-gap);max-width:calc(var(--axp-maxw,720px) + var(--axp-rail) + var(--axp-rail-gap))}
.window:has(>.axp-tasks)>.title-bar,.np-window:has(>.axp-tasks)>.np-titlebar,.window:has(>.axp-tasks)>.axp-address,.np-window:has(>.axp-tasks)>.axp-address{grid-column:1/-1}
/* the writing folder also carries a status bar, which spans both columns under the rail. */
.np-window:has(>.axp-tasks)>.np-status{grid-column:1/-1;grid-row:4}
/* it opens at 560px, which has no room for a 186px rail beside the listing. */
.np-window.np-folder:has(>.axp-tasks){max-width:760px}
.window:has(>.axp-tasks)>.axp-tasks,.np-window:has(>.axp-tasks)>.axp-tasks{grid-column:1;grid-row:3;min-height:0;overflow-y:auto;padding:2px 0 10px 10px}
.window:has(>.axp-tasks)>.content,.np-window:has(>.axp-tasks)>.np-folder-body{grid-column:2;grid-row:3;min-height:0;overflow:auto}
/* nav.js appends the resize grip last; keep it out of the row flow. */
Expand Down
2 changes: 1 addition & 1 deletion holding/lwe-base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
html, body { margin: 0; padding: 0; }
html{background:linear-gradient(180deg,oklch(56% 0.13 250) 0%,oklch(73% 0.10 236) 50%,oklch(88% 0.05 232) 60%,oklch(60% 0.16 140) 100%)}
body { background: linear-gradient(180deg, oklch(56% 0.13 250) 0%, oklch(73% 0.10 236) 50%, oklch(88% 0.05 232) 60%, oklch(60% 0.16 140) 100%); font-family: var(--font-ui); font-size: 10.5pt; line-height: 1.5; color: oklch(21.78% 0 0); padding: 24px 12px 60px; min-height: 100vh; }
.window { max-width: 640px; margin: 0 auto; background: oklch(100% 0 0); border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35); }
.window { --axp-maxw: 640px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0); border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35); }
.title-bar .title-text { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.controls { display: inline-flex; align-items: center; gap: 2px; }
.controls .min, .controls .max, .controls .close { position: relative; box-sizing: border-box; width: 21px; height: 21px; display: inline-block; overflow: hidden; font-size: 0; color: transparent; border: 1px solid #6696eb; border-radius: 3px; text-decoration: none; cursor: pointer; background-image: linear-gradient(180deg, #5f8cf7 0%, #3a71f5 22%, #3e73f5 55%, #2a70f2 82%, #1045be 100%); }
Expand Down
2 changes: 1 addition & 1 deletion holding/lwe/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<link rel="stylesheet" href="/lwe-base.css">
<style>:root{--font-caption:"Trebuchet MS",Verdana,Geneva,sans-serif;--font-ui:Tahoma,Verdana,Geneva,sans-serif;--font-mono:"Courier New",Courier,monospace}
.window {
max-width: 560px; margin: 0 auto; background: oklch(100% 0 0);
--axp-maxw: 560px; max-width: var(--axp-maxw); margin: 0 auto; background: oklch(100% 0 0);
border: 2px solid #0831d9; border-right-color: #001ea0; border-bottom-color: #001ea0;
border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;
box-shadow: inset 1px 1px 0 #166aee, inset 2px 2px 0 #0855dd, inset -1px -1px 0 #00138c, inset -2px -2px 0 #003bda, 4px 4px 0 rgba(0,30,160,.35);
Expand Down
2 changes: 1 addition & 1 deletion holding/pixel-peeper/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
come from luna.css's zero-specificity Luna kit — this page used to carry its
own private copy of that chrome, which is exactly the drift the shared shell
exists to prevent. What stays here is only what's unique to the eye exam. */
.window{max-width:720px;font-family:var(--font-ui);font-size:10.5pt;color:var(--ink)}
.window{--axp-maxw:720px; max-width:var(--axp-maxw);font-family:var(--font-ui);font-size:10.5pt;color:var(--ink)}
h1{font-family:var(--font-caption);font-size:17pt;font-weight:700;color:var(--navy);margin:0 0 2px;letter-spacing:-.01em;text-wrap:balance}
h2{font-family:var(--font-caption);font-size:12pt;font-weight:700;color:var(--navy2);margin:0}
p{margin:0 0 10px;line-height:1.5;color:var(--ink-soft)}
Expand Down
Loading