Core Styles
Font Sizing
We use the following media queries to set the value of rem unit:
| min-width | N/A | 768px | 992px | 1248px | 1334px | 1408px | 1568px | 1888px | 2016px |
|---|---|---|---|---|---|---|---|---|---|
| rem unit | 16px | 18px | 20px | 22px | 24px | 26px | 28px | 30px | 32px |
Then all font sizes are specified with rems and ems. For headings, we have
| Heading | h1 | h2 | h3 | h4 | h5 | h6 |
|---|---|---|---|---|---|---|
| font-size | 1.8rem | 1.5rem | 1.2rem | 0.9rem | 0.7rem | 0.6rem |