postcss-atroot
PostCSS plugin to place rules directly at the root
Last updated 5 years ago by oevgeny .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install postcss-atroot 
SYNC missed versions from official npm registry.

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.

Current Tags

  • 0.1.3                                ...           latest (5 years ago)

3 Versions

  • 0.1.3                                ...           5 years ago
  • 0.1.2                                ...           5 years ago
  • 0.1.0                                ...           5 years ago

Copyright 2014 - 2016 © taobao.org |