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