postcss-simple-scope

$3

``css
body {
background: red;
}

.header {
background: black;
}
`

$3

`css
body {
background: red;
}

#scope .header {
background: black;
}
`

Usage

`sh
npm i -D postcss-simple-scope
`

`js
// .postcssrs.cjs
module.exports = {
plugins: [
require('postcss-simple-scope')({
scope: '#scope', // required
atRules: {
exclude: ['keyframes', '-webkit-keyframes', '-moz-keyframes'], // default
}, // optional
selectors: {
exclude: [':root', '*', 'html', 'body'], // default
}, // optional
}),
],
};
``