2005195 - Display @custom-media rules in rules view

Status: NEW

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

Description

[Nicolas Chevobbe [:nchevobbe]]

In a similar fashion to what we do with @property / @keyframes, @position-try, … we could display @custom-media rules in the Rules view, in their own section.
It would be nice to have the name and condition editable as well

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Note: @custom-media rules can be overridden (see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@custom-media#overriding_existing_custom-media_rules)
Depending on what we have access to, we could:

• only show the rules that are not overridden
• show the overridden rules with a specific style that makes it clear that the rule is overridden