2032972 - Add jump to CSS variable button in @container style() queries

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[Nicolas Chevobbe [:nchevobbe]]

In the rules view, for var() in declaration value, we have a button that allows to jump to the declaration of the variable.
It would be nice to have the same thing for style query (e.g. style(--x ↱), style(var(--y ↱))
Of course we'd need to select the declaration in the container element, so if you have something like

main {
  container-name: ctnr;
  --x: red;
}

@container ctnr style(--x) {
  h1 {
    --x: blue;
  }
}

clicking on the button will focus the --x: red declaration, not the --x: blue one