Clamp Instead!

[gauravtiwari]

Hi @Alex

Instead of using separate @media queries for different devices, can we not use clamp() (at least) for typography?

Example: body{font-size:clamp(19px, 2.8vw, 22px);} does great.

Refer: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/

Every modern theme is now using this and the coverage is great as well.

 

[Alex]

I've been thinking on this idea and may release a "CSS enhancement" companion drop-in for using newer CSS techniques. The goal would be to see if it produces the same or better flexible layout system that MD has used since 4.0, but doesn't force them to all MD sites.

 

[gauravtiwari]

Nice idea.