Дизайн

Модульная типографическая шкала

Постройте гармоничную шкалу размеров шрифта и скопируйте CSS-переменные.

Базовый, pxСоотношение

10.24px / 0.64remОбразец Aa

12.8px / 0.8remОбразец Aa

16px / 1remОбразец Aa

20px / 1.25remОбразец Aa

25px / 1.563remОбразец Aa

31.25px / 1.953remОбразец Aa

39.06px / 2.441remОбразец Aa

48.83px / 3.052remОбразец Aa

61.04px / 3.815remОбразец Aa

CSS-переменные

:root {
  --fs-xs: 0.64rem;
  --fs-sm: 0.8rem;
  --fs-base: 1rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.563rem;
  --fs-xl: 1.953rem;
  --fs-2xl: 2.441rem;
  --fs-3xl: 3.052rem;
  --fs-4xl: 3.815rem;
}