Scale your fonts with ease! No need for a preprocessor – 100% CSS with CSS vars(). This is a base setup, but feel free to use however works best for you + your team. Update the ":root" Font Sizes (e.g. --fs-0). For best performance, update "--max-width-contraint" to align to your design's "max-width" constraint

# Small 0

# Large 0

# Scale Down 0

# Scale Up 0

# Scaling 0

# Small 1

# Large 1

# Scale Down 1

# Scale Up 1

# Scaling 1

# Small 2

# Large 2

# Scale Down 2

# Scale Up 2

# Scaling 2

# Small 3

# Large 3

# Scale Down 3

# Scale Up 3

# Scaling 3

# Small 4

# Large 4

# Scale Down 4

# Scale Up 4

# Scaling 4

# Small 5

# Large 5

# Scale Down 5

# Scale Up 5

# Scaling 5

# Small 6

# Large 6

# Scale Down 6

# Scale Up 6

# Scaling 6

# Small

# Large

# Scale Down

# Scale Up

# Scaling