Fluid Typography

Pronto provides a sass function fluid-rems() for quickly defining fluid typography sizes based on the breakpoints:

fluid-rems($size-sm, $size-lg)
fluid-rems($size-sm, $size-md, $size-lg)

fluid-rems() can take either two or three arguments, where $size-sm specifies the size at the sm breakpoint, $size-md at md, and $size-lg at lg.

Pronto's heading are fluid by default:

Heading at sm at md at lg
h1 2rem 2.5rem 3rem
h2 1.5rem 2rem 2.5rem
h3 1.25rem 1.5rem 2rem
h4 1.125rem 1.25rem 1.5rem
h5 1rem 1.125rem 1.25rem