cave

Remove critical CSS from your stylesheet after inlining it in your pages

  • cave

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
cave
3462.0.010 years ago10 years agoMinified + gzip package size for cave in KB

Readme

cave
Remove critical CSS from your stylesheet after inlining it in your pages

If you don't understand the purpose of this module, refer to penthouse1 which extracts critical CSS from a file, but doesn't remove it. Using this tool you can take the styles produced by an extraction tool like penthouse1 and actually remove them from your stylesheet.

Install

npm install cave --save

API

The cave exposes a single function that takes the file path to a stylesheet and a string containing valid CSS you want to remove from the provided stylesheet.

cave(stylesheet, options, done)

The options object contains the following properties.
Property | Description ---------|----------------------------------------------------------------------- css | The CSS rules to remove from the stylesheet. e.g: a { color: #f00; }
Cave will produce an AST and remove any matching rules, then the done callback will be executed.

CLI

Cave works well with standard input.
cat path/to/file | cave <stylesheet> > slim.css

You can also pass in the critical CSS file as an option.
cave --css path/to/file <stylesheet> > slim.css

Tests

Run tests using npm.
npm test

License

MIT