Kevin released another video in his 101 series, and this, in my opinion, is one of the most important not only from a design perspective but also as a reflection of how much better version 3 is. While many of the features were available in previous versions, the “game-changing” feature in this release is the ability to see the changes you make to dial in exactly the typography settings you need.
In this video, you’ll learn:
- Overview of heading vs text system
- How to set root font size
- How to set base heading and text size
- How to set type scale
- How the base size and type scale work together
- How to use heading and text variables
- How to calc sizes for granular control
- How to use heading and text classes
- How to manually override heading and text sizes
- How to manipulate typography on-the-fly
- How classes pass on all styling and not just type size
- How to use ACSS’ scoped typography variables
