1733928 - Highlight which parameter of min/max function are being used

Status: NEW

(DevTools :: Inspector: Rules, enhancement)

Description

[Nicolas Chevobbe [:nchevobbe]]

Let's say one CSS property has a value of min(40em, 50%) , it would be nice to have a way to show in the rule view which one of the params is actually being used by the engine.

It could be as simple as what we do with fonts value, where we underline the font being used.
But params in min/max can have multiple parts (e.g. min(40px, 50em, max(30vw, 100%))), so it might be tricky to only underline the relevant part.
We could try to re-use/get inspiration from what we have in the layout panel for flex items, and have some piece of UIs where we show the results of all the different params.