Join the Webstudio community

Updated 11 months ago

support for min()

At a glance

The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. The min() function can be used anywhere a <length>, <frequency>, <angle>, <time>, <percentage>, <number>, or <integer> is allowed.

Example use case:

Plain Text

width: min(1200px, 100% - 4rem);

7 comments

OOleg Isonen

yes, we want all css functions to be supported, but generally they won't fit into style panel inputs, so they will go into either css editor or via variables

OOleg Isonen

it also makes sense to be an expression, because those values shouldn't be hardcoded, you will want to use variables for them

OOleg Isonen

you will probably want something like min(breakpoint1, 100% - spacing1)

DDirky Dirk

yes exactly what I'm loooking for

DDirky Dirk

having a set of css vars and then including those within min() would help me tremendously

OOleg Isonen

Holy grail

OOleg Isonen

Will get there in the next couple of month

Add a reply