(This was originally posted in #9742 (comment) but moved to its own issue later.)

Proposal:

A scope statement, similar to a layer statement, could be used to create a reusable named scope. For example:

@scope foo (.start) to (.end);

A reusable named scope can then be used without specifying <scope-start>/<scope-end>:

@scope foo {
  p { color: red; }
}

The main thing this enables is avoiding the need to repeat selectors for every use.

Open questions:

• how do we handle duplicate scope names?
• how do we differentiate between named scopes and reusable named scopes? (different syntax?)