On: Help pick a syntax for CSS nesting

[krajzeg]

Apparently, those already work differently than other selectors in the proposals (example 7):

  .foo {
    display: grid;
    @media (width => 30em) {
      grid-auto-flow: column;
    }
  }

I would expect "@nest @media (width => 30em) & {" for consistency with how it works everywhere else, but apparently @media is already special anyway in the "@nest" proposal.

I agree that this syntax could be convenient, though I'm actually a fan of having all the "@media" changes in one place, which is what the current syntax forces.