Notorious Penguin Magicians

    postcss-atroot

    0.2.3 • Public • Published

    PostCSS at-root Circle CI

    PostCSS plugin to place rules directly at the root node.

    The @at-root causes one or more rules to be emitted at the root of the document, rather than being nested beneath their parent selectors:

    .parent {
      ...
      @at-root{
        .child {...}
      }
    }

    Which would produce:

    .child { ... }
    .parent { ... }

    It will play well with postcss @include plugins.
    foo.css:

    @at-root {
      @viewport { width: device-width; }
    }
    .foo {
      color: blue;
    }

    bar.css:

    .bar {
      @import "foo.css";
    }

    Will produce:

    @viewport { width: device-width; }
    
    .bar .foo {
      color: blue; 
    }

    Usage

    postcss([ require('postcss-atroot')() ])

    See PostCSS docs for examples for your environment.

    Install

    npm i postcss-atroot

    DownloadsWeekly Downloads

    64,946

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    9.29 kB

    Total Files

    7

    Last publish

    Collaborators

    • oevgeny