Type Scale — ok.css

Controls

Unit

Base size16px

Steps up5

Steps down2

Scale ratio

4.2087rem--text-4xl

3.1573rem--text-3xl

2.3686rem--text-2xl

1.7769rem--text-xl

1.333rem--text-lg

1rem--text-base

0.7502rem--text-sm

0.5628rem--text-xs

Output

:root {
  --text-xs: 0.5628rem;
  --text-sm: 0.7502rem;
  --text-base: 1rem;
  --text-lg: 1.333rem;
  --text-xl: 1.7769rem;
  --text-2xl: 2.3686rem;
  --text-3xl: 3.1573rem;
  --text-4xl: 4.2087rem;
}