prefix-css-node

Prefix CSS selectors to avoid library clashes

Prefix CSS selectors.

Useful when loading say Twitter Bootstrap libraries for a widget on the page and we do not want to override the default style of that page.

$ npm install -d

The library runs synchronously.

prefix = require 'prefix-css-node'
 
css = """
body { background:pink }
a:after { content:"link", display:block }
"""
 
# To prefix each rule in the CSS file with the word `bootstrap`.
prefix.css css, 'bootstrap'

By default, html and body selectors are blacklisted, to change that or pass custom selectors to exclude, pass a list as the third parameter:

prefix.css css, 'bootstrap', [ 'html', 'body', 'a', '#div' ]
$ npm test