postcss-droproot

Remove :root rules

Usage no npm install needed!

<script type="module">
  import postcssDroproot from 'https://cdn.skypack.dev/postcss-droproot';
</script>

Remove :root rules

npm install postcss-droproot
postcss -u postcss-droproot -o dist/index.css src/index.css

Let's say you have :root {} rules you want gone. This plugin turns this:

:root {
  --prefix-component-background-color: blue;
}

Into this: