gator/founders-break
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bring the blueprint layer more on-screen

Browse source
This commit is contained in:
Devin Willis 2026-08-26 14:56:27 -04:00
parent 429c8820e9
commit ebfc15bd27
No known key found for this signature in database
GPG key ID: 3776B3C5AFF3FFEA
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/css/style.css
View file

@ -75,12 +75,12 @@ a { color: var(--accent2); }
pointer-events: none; overflow: hidden; pointer-events: none; overflow: hidden;
color: var(--accent); color: var(--accent);
/* Faint enough that body copy keeps its contrast at every scroll position. */ /* Faint enough that body copy keeps its contrast at every scroll position. */
opacity: 0.16; opacity: 0.2;
} }
.bp-table { .bp-table {
position: absolute; top: 50%; left: 50%; position: absolute; top: 50%; left: 50%;
width: min(150vw, 1500px); height: auto; width: min(118vw, 1320px); height: auto;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
@ -93,7 +93,7 @@ a { color: var(--accent2); }
.bp-ball { .bp-ball {
position: absolute; top: 62%; left: 0; position: absolute; top: 62%; left: 0;
width: clamp(48px, 7vw, 92px); height: auto; width: clamp(56px, 8vw, 108px); height: auto;
transform: translate(-25vw, -50%); transform: translate(-25vw, -50%);
will-change: transform; will-change: transform;
} }
@ -542,8 +542,8 @@ form { margin-top: 2rem; }
/* The table drawing is mostly off-screen on a narrow viewport, so lean on /* The table drawing is mostly off-screen on a narrow viewport, so lean on
the ball and cue instead and keep the layer cheap to paint. */ the ball and cue instead and keep the layer cheap to paint. */
.bp { opacity: 0.13; } .bp { opacity: 0.17; }
.bp-table { width: 240vw; } .bp-table { width: 190vw; }
.detail-grid { grid-template-columns: 1fr 1fr; } .detail-grid { grid-template-columns: 1fr 1fr; }
.detail { padding: 1.4rem 1.1rem; } .detail { padding: 1.4rem 1.1rem; }
.detail:nth-child(odd) { border-left: 0; } .detail:nth-child(odd) { border-left: 0; }