[csswg-drafts] Defining `@custom-media` inside conditional at-rules (#12536)

tursunova has just created a new issue for https://github.com/w3c/csswg-drafts:

== Defining `@custom-media` inside conditional at-rules ==
Currently [Media Queries Level 5 spec](https://www.w3.org/TR/mediaqueries-5) allows [custom media queries](https://www.w3.org/TR/mediaqueries-5/#custom-mq) to be defined within other at-rules, including conditional rules like `@media`. This creates a logical paradox where a custom media query can be used in a condition before it has been defined, leading to a circular dependency that cannot be resolved. For example:

```
@media (color) and (--custom) {
  @custom-media --custom (max-width: 300px);
  ...
}
```

Proposing to explicitly disallow `@custom-media` rules from being defined inside any conditional group rules (e.g., `@media`, `@supports`), attempting to use `@custom-media` inside conditional at-rules will make custom media queries fail to be defined.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12536 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 29 July 2025 10:34:42 UTC