Skip to content
A PostCSS plugin to remove all instances of “:root” from a stylesheet.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.editorconfig
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
LICENSE
README.md
index.js
package.json

README.md

postcss-remove-root

npm version Build Status Dependency Status

A PostCSS plugin to remove all instances of “:root” from a stylesheet.

This plugin is very basic. It removes all instances of :root from a processed stylesheet (if present). It comes in handy if you are using postcss-custom-properties to process CSS variables. The included test assumes this scenario.

Otherwise, you probably have no use for this plugin. You should run this plugin after running postcss-custom-properties.

Installation

npm install --save postcss-remove-root

Example

Input

:root {
  --color-blue: blue;
}

.color-blue {
  color: var(--color-blue);
}

Output

.color-blue {
  color: blue;
}

Usage

See the PostCSS documentation for examples on how to use this plugin in different environments.

Contributing

  • ⇄ Pull requests and ★ Stars are always welcome.
  • For bugs and feature requests, please create an issue.
  • Pull requests must be accompanied by passing automated tests ($ npm test).

Credits

postcss-remove-root is a project by @cbracco and its contributors. It is based on code originally found in Basscss, a project by jxnblk. This README is based on the one found in postcss-import.

Thank you for your hard work!

Changelog

License

You can’t perform that action at this time.