GameCult/gamecult-site
Watch
9
0
Fork
You've already forked gamecult-site
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Masthead: community links get a 44px minimum hit area from a centred pseudo-element; boxes and glyphs keep their em sizes

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Meta Vens 2026-10-02 18:33:36 +02:00
commit 3ffee3369e
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
site/quartz/styles/custom.scss
View file

@ -742,12 +742,26 @@ body[data-slug="Blog/witness-authoritative-networking"] {
line-height: 0;
color: rgba(236, 242, 250, 0.96);
flex: 0 0 auto;
position: relative;
}
.gamecult-nav-icon {
width: 0.92em;
}
/* The hit area is at least 44px square around each box; the box and glyph
keep their em sizes. */
.gamecult-nav-wordmark::after,
.gamecult-nav-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
.gamecult-nav-wordmark svg,
.gamecult-nav-icon svg {
display: block;