Set responsive min/max font-sizes within viewport ranges...
Adds a new declaration that requires 4 values.
Using Multiple Declarations
To use multiple declarations, simply place multiple
font-size-responsive declarations in normal cascading order within
It may be obvious to some, but you do NOT want to use
font-size-responsive within a media query.
font-size-responsive creates its own media query values based on a user's input so it would not make sense to nest media queries inside of media queries!
Don't forget--using multiple declarations is just like cascading normal CSS-- make sure they are in the appropriate order for the appropriate effect.
To clarify, let's look at a proper example's Input and Output:
Not properly cascading your styles will cause bugs! but you knew that already :)
See PostCSS docs for examples for your environment.