christian/internetforkids
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: increase font sizes throughout
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 9s
Details
Deploy Internet for Kids / Deploy (push) Successful in 6s
Details
Deploy Internet for Kids / Health Check (push) Successful in 2s
Details
Deploy Internet for Kids / Smoke Tests (push) Successful in 3s
Details
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
Details
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Details
Deploy Internet for Kids / Rollback (push) Has been skipped
Details
Deploy Internet for Kids / Audit (push) Successful in 2s
Details

Browse Source 
H1: 2.75rem, body: 22px/36px, H2: 1.85rem, H3: 1.5rem,
blockquotes: 24px, tables: 18px, nav/TOC: larger.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-03 13:14:39 +03:00
parent b517af5c2f
commit ec370d2d7e
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
assets/css/custom.css
View File

@@ -61,8 +61,8 @@ body {
/* All text in Newsreader */ /* All text in Newsreader */
body, p, li, td, th, blockquote, figcaption { body, p, li, td, th, blockquote, figcaption {
font-family: var(--ifk-font) !important; font-family: var(--ifk-font) !important;
font-size: 20px; font-size: 22px;
line-height: 32px; line-height: 36px;
color: var(--ifk-text); color: var(--ifk-text);
} }
@@ -74,23 +74,24 @@ h1, h2, h3, h4, h5, h6 {
} }
h1, .article-title { h1, .article-title {
font-size: 2rem; font-size: 2.75rem;
line-height: 1.15; line-height: 1.15;
font-weight: 600; font-weight: 600;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
letter-spacing: -0.01em;
} }
h2 { h2 {
font-size: 1.5rem; font-size: 1.85rem;
line-height: 1.3; line-height: 1.25;
margin-top: 2.5rem; margin-top: 3rem;
margin-bottom: 1rem; margin-bottom: 1.25rem;
} }
h3 { h3 {
font-size: 1.25rem; font-size: 1.5rem;
line-height: 1.35; line-height: 1.3;
margin-top: 2rem; margin-top: 2.5rem;
} }
/* Article content — constrain width for readability */ /* Article content — constrain width for readability */
@@ -122,8 +123,8 @@ article a:hover {
blockquote { blockquote {
font-family: var(--ifk-font) !important; font-family: var(--ifk-font) !important;
font-style: italic; font-style: italic;
font-size: 20px; font-size: 24px;
line-height: 32px; line-height: 38px;
border-left: 3px solid var(--ifk-secondary); border-left: 3px solid var(--ifk-secondary);
padding-left: 1.5rem; padding-left: 1.5rem;
margin: 2rem 0; margin: 2rem 0;
@@ -139,21 +140,21 @@ footer, footer a, footer span,
.article-meta, .post-meta, .article-meta, .post-meta,
time, .reading-time { time, .reading-time {
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif !important; font-family: system-ui, -apple-system, 'Segoe UI', sans-serif !important;
font-size: 0.875rem; font-size: 1rem;
} }
/* Header title */ /* Header title */
header a[href="/"] span, header a[href="/"] span,
header a[rel="me"] { header a[rel="me"] {
font-family: var(--ifk-font) !important; font-family: var(--ifk-font) !important;
font-size: 1.1rem; font-size: 1.35rem;
font-weight: 500; font-weight: 500;
} }
/* Tags/categories — small sans pills */ /* Tags/categories — small sans pills */
.taxonomy-term, [href*="/tags/"], [href*="/categories/"] { .taxonomy-term, [href*="/tags/"], [href*="/categories/"] {
font-family: system-ui, -apple-system, sans-serif !important; font-family: system-ui, -apple-system, sans-serif !important;
font-size: 0.75rem !important; font-size: 0.8rem !important;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
@@ -161,22 +162,22 @@ header a[rel="me"] {
/* Table of contents — smaller sans */ /* Table of contents — smaller sans */
#TableOfContents, #TableOfContents a { #TableOfContents, #TableOfContents a {
font-family: system-ui, -apple-system, sans-serif !important; font-family: system-ui, -apple-system, sans-serif !important;
font-size: 0.85rem !important; font-size: 0.95rem !important;
line-height: 1.6; line-height: 1.7;
} }
/* Homepage recent articles */ /* Homepage recent articles */
.summary { .summary {
font-family: var(--ifk-font) !important; font-family: var(--ifk-font) !important;
font-size: 18px; font-size: 20px;
line-height: 28px; line-height: 32px;
} }
/* Data tables in articles — keep readable */ /* Data tables in articles — keep readable */
.csm-table, .csm-table td, .csm-table th { .csm-table, .csm-table td, .csm-table th {
font-family: var(--ifk-font) !important; font-family: var(--ifk-font) !important;
font-size: 16px; font-size: 18px;
line-height: 1.5; line-height: 1.6;
} }
/* Stats banner — override with sans for numbers */ /* Stats banner — override with sans for numbers */