Skip to content

UnCSS your inline stylesheet to the next level. A fork of addyosmani/grunt-uncss doing the exact same thing, but does focus on processing the inline CSS only.

License

Notifications You must be signed in to change notification settings

sparanoid/grunt-uncss-inline

Repository files navigation

grunt-uncss-inline Built with Grunt

NPM version Linux Build Status Windows Build status Dependency Status devDependency Status

A fork of grunt-uncss doing the exact same thing, but does focus on processing the inline CSS only.

Getting Started

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-uncss-inline --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-uncss-inline');

Issues with the output should be reported on the UnCSS issue tracker.

Original usage examples should head to addyosmani/grunt-uncss.

Overview

This plugin do the following things:

  1. Search all <style> tags and combine all the inline CSS into one in the searching order.
  2. Pass combined inline CSS to uncss for the cleanup.
  3. Save cleaned CSS to the first <style> found in the DOM.
  4. Remove all other processed <style> tags.

Example configurations for Gruntfile.coffee (all uncss_inline specific default options included):

uncss_inline:
  options:
    style_selector: 'style:not([amp-boilerplate]):not([scoped])'

  dist:
    files: [
      expand: true
      cwd: "dist/"
      src: "**/*.html"
      dest: "dist/"
    ]

Limitations

Doesn't work well with scoped CSS at the moment.

Fork Maintainers

Original Authors and Maintainers

License

(C) Addy Osmani 2016, released under the MIT license

About

UnCSS your inline stylesheet to the next level. A fork of addyosmani/grunt-uncss doing the exact same thing, but does focus on processing the inline CSS only.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published