[csswg-drafts] [css-cascade] Allow `@import` to be nested in conditional rules and/or `@layer` iff nothing else precedes them (#10958)

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

== [css-cascade] Allow `@import` to be nested in conditional rules and/or `@layer` iff nothing else precedes them ==
Currently, the way we solve this problem is to introduce additional syntax in `@import` for every new type of conditional: `media()`, `layer()`, `scope()` etc.

What if `@import` could be nested in certain rules provided nothing else precedes them?

Compare this:

```css
@scope (.media-object) to (.content) {
 @import uri(module.css);
}
```

to this:

```css
@import uri(module.css) scope(.media-object) to (.content);
```

You still get the benefits of allowing `@import` only in the beginning with this restriction, much better ergonomics, and syntax that grows naturally as CSS evolves, without the need to mirror every new rule into separate syntax.

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


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

Received on Thursday, 26 September 2024 19:32:22 UTC