vincent/gerbeur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v4: the Times nameplate sits level with the header's buttons — the name was 7 pixels under their middle on a wide screen and 3 on a narrow one, with twice the paper above its letters as below. The blackletter sets its letters low in its line, an ascender stopping a fifth of an em under the line's top and a descender ending on its bottom, and the nameplate's padding was the heavier above besides. The name now carries 0.22em under its line, which leaves as much below the letters as above at either size, and the nameplate's padding is the same on both sides, 0.6rem and 0.7rem from 860 pixels up. The wide masthead's row is a pixel taller, the narrow header keeps its 60.
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 53s
Details
Build and Deploy Static Documentation Site / build-and-push (push) Successful in 26s
Details

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-10-12 16:30:02 +00:00
parent d54ae554a4
commit eb4e64683c
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/themes/nyt.css
View File

@@ -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;