Insert a prefix into css documents.

var fs = require('fs');
var src = fs.readFileSync(__dirname + '/beep.css', 'utf8');

var insertPrefix = require('css-prefix');
var dst = insertPrefix('RAWR-', src);
console.log(dst);

beep.css:

#beep div.boop.killer-robots {
    color: red;
}

#beep .friendly-robots {
    color: green;
}

output:

#RAWR-beep div.RAWR-boop.RAWR-killer-robots {
    color: red;
}

#RAWR-beep .RAWR-friendly-robots {
    color: green;
}

var insertPrefix = require('css-prefix')

Insert the string opts.prefix before every class and id in the css source string src, returning the transformed source.

If opts.elementClass is given, add this class to all element identifiers. This is useful so that your h1 { color: green; } declarations don't leak into the environment.

If opts.parentClass is given, add an ancestor class to every rule.

If opts.parentId is given, add an ancestor id to every rule.

If both opts.parentClass and opts.parentId are given, they will be the same ancestor (#parent-id.parent-class).

If opts is a string, treat opts as opts.prefix.

With npm do:

npm install css-prefix

MIT