public/css/variables/typography.css


1
2
3
4
5
6
7
8
9
10
11
12
13

:root {
  --font-size-relative-px: 0.067rem;
  --font-size-0: calc(14 * var(--font-size-relative-px));
  --font-size-1: calc(18 * var(--font-size-relative-px));
  --font-size-2: calc(24 * var(--font-size-relative-px));
  --font-size-3: calc(32 * var(--font-size-relative-px));
  --font-size-4: calc(40 * var(--font-size-relative-px));
  --font-size-5: calc(52 * var(--font-size-relative-px));
  --font-size-6: calc(64 * var(--font-size-relative-px));

  --font-serif: Alegreya, 'Goudy Old Style', Garamond, serif;
  --font-sans-serif: 'Alegreya Sans', Lato, Calibri, 'sans-serif';
}