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;
color: var(--accent);
/* Faint enough that body copy keeps its contrast at every scroll position. */
opacity: 0.16;
opacity: 0.2;
}
.bp-table {
position: absolute; top: 50%; left: 50%;
width: min(150vw, 1500px); height: auto;
width: min(118vw, 1320px); height: auto;
transform: translate(-50%, -50%);
}
@ -93,7 +93,7 @@ a { color: var(--accent2); }
.bp-ball {
position: absolute; top: 62%; left: 0;
width: clamp(48px, 7vw, 92px); height: auto;
width: clamp(56px, 8vw, 108px); height: auto;
transform: translate(-25vw, -50%);
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 ball and cue instead and keep the layer cheap to paint. */
.bp { opacity: 0.13; }
.bp-table { width: 240vw; }
.bp { opacity: 0.17; }
.bp-table { width: 190vw; }
.detail-grid { grid-template-columns: 1fr 1fr; }
.detail { padding: 1.4rem 1.1rem; }
.detail:nth-child(odd) { border-left: 0; }