diff --git a/site/quartz/styles/custom.scss b/site/quartz/styles/custom.scss index 8c4b836..b2c3c5f 100644 --- a/site/quartz/styles/custom.scss +++ b/site/quartz/styles/custom.scss @@ -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;