AUTOMATIC.CSS Fluid Typography (Scales, Classes, and Variables)

Sep 20th, 20211 min

Kevin Geary

I understood the assignment.

Works right out of the box? … ✓
Automatically responsive? … ✓
Follows a perfect scale system? … ✓
Full control over base sizes on desktop & mobile? … ✓
Full control over the scale between sizes? … ✓
Works with custom classes & elements? … ✓
Full control over individual sizes? … ✓

The Fluid Typography system in Automatic.css is going to save you tons of time while getting rid of your typical typography-related headaches and indigestion.

Make sure you see the full power of typography scales @ 14:20

And this is only a small part of Automatic.css.

Learn more about Automatic.css: https://automaticcss.com

Cheat Sheet: https://automaticcss.com/cheat-sheet/

Inner Circle: https://digitalambition.co/inner-circle/

0:00 Intro
0:55 Setup-Free Responsive Scaled Headings
2:25 Setup-Free Responsive Scaled Text
4:15 Using Custom Classes
7:12 Creating Fully Custom Elements
12:35 Adjusting Base Sizes
14:20 Adjusting the Scales
16:35 Completely Custom Sizes
17:55 Conclusion