From eb4e64683c466fa1edad955deb6a81c2022a960e Mon Sep 17 00:00:00 2001 From: khannurien Date: Mon, 12 Oct 2026 16:30:02 +0000 Subject: [PATCH] =?UTF-8?q?v4:=20the=20Times=20nameplate=20sits=20level=20?= =?UTF-8?q?with=20the=20header's=20buttons=20=E2=80=94=20the=20name=20was?= =?UTF-8?q?=207=20pixels=20under=20their=20middle=20on=20a=20wide=20screen?= =?UTF-8?q?=20and=203=20on=20a=20narrow=20one,=20with=20twice=20the=20pape?= =?UTF-8?q?r=20above=20its=20letters=20as=20below.=20The=20blackletter=20s?= =?UTF-8?q?ets=20its=20letters=20low=20in=20its=20line,=20an=20ascender=20?= =?UTF-8?q?stopping=20a=20fifth=20of=20an=20em=20under=20the=20line's=20to?= =?UTF-8?q?p=20and=20a=20descender=20ending=20on=20its=20bottom,=20and=20t?= =?UTF-8?q?he=20nameplate's=20padding=20was=20the=20heavier=20above=20besi?= =?UTF-8?q?des.=20The=20name=20now=20carries=200.22em=20under=20its=20line?= =?UTF-8?q?,=20which=20leaves=20as=20much=20below=20the=20letters=20as=20a?= =?UTF-8?q?bove=20at=20either=20size,=20and=20the=20nameplate's=20padding?= =?UTF-8?q?=20is=20the=20same=20on=20both=20sides,=200.6rem=20and=200.7rem?= =?UTF-8?q?=20from=20860=20pixels=20up.=20The=20wide=20masthead's=20row=20?= =?UTF-8?q?is=20a=20pixel=20taller,=20the=20narrow=20header=20keeps=20its?= =?UTF-8?q?=2060.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/themes/nyt.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/themes/nyt.css b/src/themes/nyt.css index b8dca882..9a59a9eb 100644 --- a/src/themes/nyt.css +++ b/src/themes/nyt.css @@ -381,7 +381,7 @@ font-weight: 400; letter-spacing: 0; line-height: 1; - padding-block: 0.7rem 0.6rem; + padding-block: 0.6rem; white-space: nowrap; } [data-style="nyt"] .app-header-brand-name { @@ -391,6 +391,11 @@ baseline its middle is a little under the middle of the lowercase: the name comes down to meet it. */ translate: 0 0.04em; + /* The blackletter sets its letters low in its line: an ascender stops a + fifth of an em under the line's top and a descender ends on its bottom. + This much under the line leaves as much paper below the letters as above, + which is what puts the name level with the buttons beside it. */ + padding-bottom: 0.22em; } [data-style="nyt"] .app-header { @@ -412,7 +417,7 @@ grid-area: 1 / 2; justify-self: center; font-size: 1.5rem; - padding-block: 1.1rem 0.9rem; + padding-block: 0.7rem; } [data-style="nyt"] .app-header-brand-name { font-size: 2.9rem;