rfs icon indicating copy to clipboard operation
rfs copied to clipboard

Minimum font size.

Open digital-inception opened this issue 3 years ago • 1 comments

How do I set a minimum font size? E.g h1 max font size must be 50px. This is easy to do. But I cant find a way to set h1 minimum font size to 40px.

I also can't set multiple breakpoints to try and override this.

digital-inception avatar Jan 08 '22 10:01 digital-inception

hey, you can use Cal() function:- h1{ font-size: calc(4vw + 4vh + 2vmin); }

If it is helpful let me know.

kumarsanu2002 avatar Aug 11 '22 13:08 kumarsanu2002

You don't need to set a minimum size, the whole idea of RFS is to automatically calculate how it rescales. Have a look at https://css-tricks.com/using-a-mixin-to-take-the-math-out-of-responsive-font-sizes/, so you can find out how it works.

MartijnCuppens avatar Oct 25 '22 11:10 MartijnCuppens