Skip to content

OEvgeny/postcss-atroot

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

PostCSS plugin to place rules directly at the root

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published