postcss/postcss-nested

`@container` should bubble by default

mayank99 opened this issue · 3 comments

Consider this code:

a {
  color: hotpink;

  @container (min-width: 200px) {
    color: rebeccapurple;
  }
}

When running through postcss-nested, it seems to remain unchanged.

I would have expected the above to produce:

a {
  color: hotpink;
}
@container (min-width: 200px) {
  a {
    color: rebeccapurple;
  }
}

Container queries are now supported in 80% of browsers worldwide, so it makes sense to handle it by default rather than require it to be manually passed to the bubble option.

ai commented

Fixed 6e3b93c

ai commented

Released in 6.1.

awesome, thank you!