In my talk I will provide a general overview of unit types and values in CSS, with a specific focus on how viewport units, calc() expressions work. Armed with this understanding, we're going to learn how to create a "pure function" with CSS that uses viewport units as a variable. I am then going to demonstrate some practical uses for this including:
- min and max font sizes,
- advanced fluid typography,
- fluid modular scale headings
I will show you how each of the typography techniques can be used today and applied with progressive enhancement!