Bug 178636 – Web Inspector: Styles: Make inline widgets work with CSS functions (var(), calc(), etc.)

• Status: NEW
• Component: Web Inspector

[Nikita Vasilyev]

Web Inspector doesn't show inline widgets (WI.InlineSwatch) for colors, gradients, cubic-bezier and spring function
if they are or have CSS function (such as calc, var, or min/max) in them.

For example, Web Inspector doesn't currently shows color picker for `color: var(--text-color)`.

None of these functions can parse CSS variables, calc() or min/max() correctly:

    WI.CubicBezier.fromString
    WI.Spring.fromString
    WI.Color.fromString
    WI.Gradient.fromString

E.g.:

    -> WI.Color.fromString("linear-gradient(#fff2db, var(--myVar))")
    <- null

[Radar WebKit Bug Importer]

<rdar://problem/35112177>