postcss-responsive-type icon indicating copy to clipboard operation
postcss-responsive-type copied to clipboard

More flexibility?

Open jhned opened this issue 9 years ago • 0 comments

Thanks for the plugin! I took your calculations and made a SASS mixin out of it.

I was running in to trouble because my use case didn't line up 100% with your intent-- I was using it as a way to make the font size of a module larger on a large handheld viewport, like from 400px to 600px. The issue was that I often wanted to reset to a smaller font-size, rather than transitioning to the "max-font-size" value.

With my mixin, you can use the fluid font size for more than one range, and the media query is scoped (using a Zurb Foundation function) to the supplied breakpoints.

Not sure if this plugin needs that, but just wanted to offer my experience in return for the knowledge I got from your plugin. That calculation is intense!

jhned avatar Apr 20 '16 01:04 jhned