stylis-plugin-extra-scope
v0.3.0
Published
Stylis plugin which adds extra scope to each produced CSS rule.
Downloads
21,286
Readme
stylis-plugin-extra-scope
Stylis plugin which adds extra scope to each produced CSS rule.
⚠️ This plugin is currently compatible with Stylis 3.
Example
import Stylis from 'stylis'
import extraScopePlugin from 'stylis-plugin-extra-scope'
const stylis = new Stylis()
stylis.use(extraScopePlugin('#my-scope'))
const rules = stylis(
'.some-class',
`
div {
span {
font-size: 14px;
}
background-color: rebeccapurple;
}
.other-class {
margin: 20px;
}
`,
)
console.log(rules) // "#my-scope .some-class div{background-color:rebeccapurple;}#my-scope .some-class div span{font-size:14px;}#my-scope .some-class .other-class{margin:20px;}"