Add dynamic type support for iOS web rendering

Fixes #32
This commit is contained in:
Sami Samhuri 2026-02-07 21:40:14 -08:00
parent 007b1058b6
commit fb25cffa7c
No known key found for this signature in database

View file

@ -10,6 +10,13 @@
/* 40 rem ~ 640px */ /* 40 rem ~ 640px */
/* 64 rem ~ 1024px */ /* 64 rem ~ 1024px */
@supports (font: -apple-system-body) and (-webkit-touch-callout: none) {
html {
/* Enable iOS/iPadOS Dynamic Type in Safari and web views. */
font: -apple-system-body;
}
}
body { body {
font-size: 100%; font-size: 100%;
} }
@ -164,8 +171,8 @@ header.primary h4 {
} }
header.primary h1 { header.primary h1 {
height: 1.3rem;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.2;
} }
header.primary h1 a, header.primary h1 a,
@ -174,8 +181,8 @@ header.primary h1 a:visited {
} }
header.primary h4 { header.primary h4 {
height: 0.8rem;
font-size: 0.8rem; font-size: 0.8rem;
line-height: 1.2;
color: #dedede; color: #dedede;
} }
@ -476,7 +483,7 @@ blockquote:before {
} }
ul.audio li { ul.audio li {
height: 2rem; min-height: 2rem;
margin: 0.5rem 0; margin: 0.5rem 0;
} }