Type scale
←
SCSS:
_scale-vars.scss
Text base
↑ This is the base font size for the --text-m variable. It's used for all standard elements like div or p without size applied. Please stick to the em unit here. 1em should match 16px on desktop size. Edit this value only slightly as it has a big impact, something between .8em and 1.2em is good.
Text ratio
↑ This defines the propotion by which the modular scale is calculated. Please edit this only slighty: Use a value higher than 1 and — for aesthetic reasons — lower than 1.7.
Text scale calculation
↑ This is how the font-sizes are getting calculated using the --text-base and --text-ratio. The base is in the lower part, from there it grows and shrinks.