eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Define variables for <h*> sizes

Browse source
This commit is contained in:
Eryn Wells 2023-08-20 10:07:26 -07:00
parent f950cdbbd9
commit 851c74b2c9
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/styles/root/050_typography.css
View file

@ -19,6 +19,13 @@
--font-size-scale-factor: 1vmax;
--site-header-font-size: 200%;
--h1-size: 305%;
--h2-size: 244%;
--h3-size: 195%;
--h4-size: 156%;
--h5-size: 125%;
--h6-size: 100%;
--line-height: 2;
--heading-line-height: 1;
/* A little extra line height so the descenders don't get clipped */
@ -59,12 +66,12 @@
line-height: 1;
}
h1 { font-size: 305%; }
h2 { font-size: 244%; }
h3 { font-size: 195%; }
h4 { font-size: 156%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }
h1 { font-size: var(--h1-size); }
h2 { font-size: var(--h2-size); }
h3 { font-size: var(--h3-size); }
h4 { font-size: var(--h4-size); }
h5 { font-size: var(--h5-size); }
h6 { font-size: var(--h6-size); }
h5, h6 { font-family: var(--font-family-body); }
header.site nav > .active { font-weight: bold; }