PostCSS Nest Atrules

PostCSS plugin to nest atrules inside their rules (inverse of unwarpping).

The main reason why I made this plugin is that it makes it easy to then convert CSS to CSS-in-JS.

.root {
  color: red;
}
@media screen and (min-width: 5em) {
  .root {
     color: green;
  }
}

.root {
  color: red;

  @media screen and (min-width: 5em) {
    color: green;
  }
}

Usage

postcss([ require('postcss-nest-atrules') ])

See PostCSS docs for examples for your environment.