↑ This is the base font size for the
--text-m variable. It's used for all standard elements like
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
1.2em is good.
↑ 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-ratio. The base is in the lower part, from there it grows and shrinks.