Use viewport unit to scale base font size

Use rems for font sizes and margin/padding
2019-01-11 15:46:00 +00:00
parent af55b90f0d
commit 4bc196ad7b
13 changed files with 87 additions and 58 deletions
--- a/css/archive.css
+++ b/css/archive.css
@@ -12,12 +12,21 @@
  margin-left: var(--space-sm);
 }

-.archive__heading {
+.archive__heading,
+.archive__subheading {
  font-family: var(--heading-font-family);
  color: var(--color-dark-blue);
  margin-bottom: var(--space-xs);
 }

+.archive__heading {
+  font-size: var(--size-heading-2);
+}
+
+.archive__subheading {
+  font-size: var(--size-heading-3);
+}
+
 .archive__date {
  display: inline-block;
  font-style: italic;