prefix-css-node

Prefix CSS selectors to avoid library clashes

npm install prefix-css-node
7 downloads in the last week
16 downloads in the last month

Prefix CSS selectors

Codeship Status for radekstepan/prefix-css-node

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.

Requirements

$ npm install -d

Use

The library runs synchronously.

prefix = require 'prefix-css-node'

css = """
body { background:pink }
a:after { content:"link", display:block }
"""

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' ]

File IO

To input and output a file use the cake command:

$ cake --input in.css --output out.css --text gangnam prefix

Testing

$ npm test
npm loves you