dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use viewport unit to scale base font size

Browse Source 
Use rems for font sizes and margin/padding
This commit is contained in:
Dan Head
2019-01-11 15:46:00 +00:00
parent af55b90f0d
commit 4bc196ad7b
13 changed files with 87 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
css/content.css
View File

@@ -1,29 +1,37 @@
.content h1 {
font-family: var(--heading-font-family);
font-size: 1.8rem;
margin-bottom: var(--space-sm);
}
.content h2 {
font-family: var(--heading-font-family);
font-size: 1.6rem;
margin-bottom: var(--space-sm);
}
.content h3 {
font-family: var(--heading-font-family);
font-size: 1.4rem;
margin-bottom: var(--space-sm);
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-family: var(--heading-font-family);
font-size: 1.2rem;
margin-bottom: var(--space-sm);
}
.content h1 {
font-size: var(--size-heading-1);
}
.content h2 {
font-size: var(--size-heading-2);
}
.content h3 {
font-size: var(--size-heading-3);
}
.content h4 {
font-size: var(--size-heading-4);
}
.content h5 {
font-size: var(--size-heading-5);
}
.content h6 {
font-size: var(--size-heading-6);
}
.content p {
margin-bottom: var(--space-sm);
}