<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: In the styles sidebar, Option-clicking on --css-variable should jump to its definition"
href="https://bugs.webkit.org/show_bug.cgi?id=154082#c3">Comment # 3</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: In the styles sidebar, Option-clicking on --css-variable should jump to its definition"
href="https://bugs.webkit.org/show_bug.cgi?id=154082">bug 154082</a>
from <span class="vcard"><a class="email" href="mailto:joepeck@webkit.org" title="Joseph Pecoraro <joepeck@webkit.org>"> <span class="fn">Joseph Pecoraro</span></a>
</span></b>
<pre>Comment on <span class=""><a href="attachment.cgi?id=271274&action=diff" name="attach_271274" title="[WIP] Patch">attachment 271274</a> <a href="attachment.cgi?id=271274&action=edit" title="[WIP] Patch">[details]</a></span>
[WIP] Patch
View in context: <a href="https://bugs.webkit.org/attachment.cgi?id=271274&action=review">https://bugs.webkit.org/attachment.cgi?id=271274&action=review</a>
<span class="quote">> Source/WebInspectorUI/ChangeLog:3
> + Web Inspector: In the styles sidebar, Option-clicking on --css-variable should jump to its definition</span >
This will require some thought.
Technically, CSS variables, being properties, have an overriding cascade. For example:
<style>
:root { --my-color: blue; }
div { --my-color: red; }
.foo { color: var(--my-color); }
</style>
<div class="foo">Red</div>
<p class="foo">Blue</p>
However, I think in practice most variables will be global.
This patch doesn't handle re-definitions properly. Perhaps that isn't required for a first take on the feature though. But ideally we would know and jump to precisely the appropriate --var declaration that applies.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>