anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Home masthead: space above the headline, so it sits evenly between the couplet lines

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Anas Rashid 2026-10-09 17:01:04 +02:00
parent 80f887f175
commit 543acb3218
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/styles/global.css
View File

@ -154,7 +154,7 @@ h1::after { content: ''; display: block; width: 140px; height: 2px; background:
.masthead-text { display: flex; flex-direction: column; align-items: center; } .masthead-text { display: flex; flex-direction: column; align-items: center; }
/* the headline between two couplet lines, like a framed verse; the logo already says دیوان */ /* the headline between two couplet lines, like a framed verse; the logo already says دیوان */
.masthead h1 { margin: 0; font-family: 'Noto Nastaliq Urdu', serif; font-weight: 700; color: var(--action); font-size: clamp(1.7rem, 6vw, 3.2rem); line-height: 2; .masthead h1 { margin: 0; font-family: 'Noto Nastaliq Urdu', serif; font-weight: 700; color: var(--action); font-size: clamp(1.7rem, 6vw, 3.2rem); line-height: 2;
margin-top: -.25em; padding-bottom: .2em; } /* Nastaliq: room above the ink, the ink hangs below the box */ padding-top: .2em; padding-bottom: .2em; } /* Nastaliq hangs below its box: room above and below keeps it clear of the couplet lines */
.masthead h1::after { display: none; } .masthead h1::after { display: none; }
/* the couplet line: half-lines in the palette's blue, the ✤ in vermilion */ /* the couplet line: half-lines in the palette's blue, the ✤ in vermilion */
.bayt { display: block; width: clamp(160px, 80%, 320px); height: auto; margin: 6px auto; } .bayt { display: block; width: clamp(160px, 80%, 320px); height: auto; margin: 6px auto; }