Periodic/blazestar.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix some font scaling

Browse Source
This commit is contained in:
Drew Haven
2025-06-21 21:50:21 -07:00
parent 0daac5bba4
commit 5a17ff266d
4 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/global.css
View File

@@ -14,6 +14,14 @@
--color-accent: var(--color-red);
--background: var(--color-space-blue);
--background-light: lighten(var(--color-space-blue));
--font-size-sm: calc(var(--font-size-md) / 1.2);
--font-size-md: 20px;
--font-size-lg: calc(var(--font-size-md) * 1.2);
--font-size-xl: calc(var(--font-size-lg) * 1.2);
--font-size-2xl: calc(var(--font-size-xl) * 1.2);
--font-size-3xl: calc(var(--font-size-2xl) * 1.2);
--font-size-4xl: calc(var(--font-size-3xl) * 1.2);
}
@font-face {
@@ -95,7 +103,7 @@ body {
word-wrap: break-word;
overflow-wrap: break-word;
color: var(--color-light-text);
font-size: 20px;
font-size: var(--font-size-md);
line-height: 1.7;
background-color: var(--color-space-blue);
}
@@ -112,20 +120,21 @@ h6 {
margin: 0 0 0.5rem 0;
line-height: 1.2;
}
/* Progressive 1.2x scaling from the base */
h1 {
font-size: 3.052em;
font-size: var(--font-size-4xl);
}
h2 {
font-size: 2.441em;
font-size: var(--font-size-3xl);
}
h3 {
font-size: 1.953em;
font-size: var(--font-size-2xl);
}
h4 {
font-size: 1.563em;
font-size: var(--font-size-xl);
}
h5 {
font-size: 1.25em;
font-size: var(--font-size-lg);
}
strong,
b {