namespace-css

Namespaces all rules found in a CSS file to make them only apply to a subset of the page.

namespace-css

Namespaces all rules found in a CSS file to make them only apply to a subset of the page.

namespace-css orig.css --selector .myclass -o namespaced.css
var namespaceCss = require('namespaceCss');
 
fs.createReadStream(infile)
  .pipe(namespaceCss({ selector: '.myclass'}))
  .pipe(process.stdout)
npm install namespace-css
namespace-css input.css <options>
 
  Namespaces the css in the input file according to given options.
 
OPTIONS:
 
  -s, --selector  css selector (any string) under which to namespace the rule in the input file
  -o, --out       output file to save namespaced css to (optional)
 
EXAMPLES:
 
  Namespace all rules in input.css under '.mynamespace' and save in output.css
 
    namespace-css input.css -s .mynamespace -o output.css
 
  Namespace all rules in input.css under 'article' and pipe resulting css to the terminal 
 
    namespace-css input.css -s article
/**
 * Transforms the piped css by namespacing it to given options.
 * 
 * @name namespaceCss
 * @function
 * @param {String=} file ignored (only here to match common transform signature)
 * @param {Options} opts 
 * @param {String}  opts.selector the selector under which to namespace all css rules
 * @return {TransformStream} the stream into which to pipe original css
 */

MIT