xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: register window and plate corner marks on their own corners

Browse Source
This commit is contained in:
LucaP
2026-10-11 00:43:25 +03:00
parent c8bc75cdcc
commit 4eaf327c2d
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/gantry.css
View File

@@ -255,19 +255,21 @@ html .site-navigation::after {
transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
}
.gantry-window::before {
inset: -7px auto auto -7px;
/* The brackets sit on the window's own corners, so they never overhang the
beam or clip at the top of the viewport; hover opens them by 2 px. */
inset: 0 auto auto 0;
border-inline-end: 0;
border-block-end: 0;
}
.gantry-window::after {
inset: auto -7px -7px auto;
inset: auto 0 0 auto;
border-inline-start: 0;
border-block-start: 0;
}
.gantry-window:hover::before,
.gantry-window:focus-visible::before { transform: translate(-3px, -3px); opacity: 1; }
.gantry-window:focus-visible::before { transform: translate(-2px, -2px); opacity: 1; }
.gantry-window:hover::after,
.gantry-window:focus-visible::after { transform: translate(3px, 3px); opacity: 1; }
.gantry-window:focus-visible::after { transform: translate(2px, 2px); opacity: 1; }
.gantry-window:focus-visible {
outline: 2px solid var(--focus);
outline-offset: 6px;

5
src/styles/route.css
View File

@@ -482,11 +482,12 @@
inset 0 1px 0 color-mix(in srgb, var(--chapter-accent, var(--accent)) 38%, transparent),
0 50px 90px -40px rgb(0 0 0 / 80%);
}
/* Crop marks: the plate is framed like a film slate, not a card. */
/* Crop marks: the plate is framed like a film slate, not a card. They are
registered on the plate's own corners, like the gantry window's. */
.reading-stage .chapter-body::after {
content: '' / '';
position: absolute;
inset: -7px;
inset: 0;
pointer-events: none;
--mark: color-mix(in srgb, var(--chapter-accent, var(--accent)) 80%, white);
background: