Add native support for calc(), clamp(). min(), max() and env(safe-area-inset-*)

As written above. Immensely helpful CSS functions, they help making sure site scale properly and are responsive on any size. Sometimes one of those an be the only way to responsively size and/or position an element. And yet it has to be done in code.

Reminder: Webflow advertises itself as a world-changing no-code tool.

Env(safe-area-inset-*) is also important to have given new Safari browser design on iOS 15.

Here are two ideas how this could be laid out.

  • Michał Filip
  • Jan 2 2022
  • Guest commented
    6 Oct, 2022 03:51pm

    I appreciate the effort you went to here! And while I still don't even fully understand clamp(), I definitely recognize the limits of existing methods of truly responsive-fying type on the web, and the prevalence of articles like this make it clear that clamp() is in the neighborhood of CSS Grid in terms of web dev importance. And browser acceptance is really strong. It's time, guys. Give us the clamp!