marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: unify typography with heading-xl/lg/md/sm utilities and text-5xl token

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 21:32:40 -05:00
parent e1944ec7fd
commit e8ee286d2f
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/globals.css
View File

@@ -27,6 +27,7 @@
--text-2xl: 1.5rem; --text-2xl--line-height: 2rem;
--text-3xl: 1.875rem; --text-3xl--line-height: 2.25rem;
--text-4xl: 2.25rem; --text-4xl--line-height: 2.5rem;
--text-5xl: 3rem; --text-5xl--line-height: 1.1;
/* Shadows */
--shadow-card: 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
@@ -103,6 +104,35 @@
border: 0;
}
/* === Heading utilities === */
@utility heading-xl {
font-size: 2.25rem;
font-weight: 800;
letter-spacing: -0.025em;
line-height: 1.1;
}
@utility heading-lg {
font-size: 1.875rem;
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.2;
}
@utility heading-md {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.3;
}
@utility heading-sm {
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.4;
}
/* === Scroll progress bar (CSS animation-timeline + JS fallback) === */
.scroll-progress {
position: fixed;