Skip to content

🙌 Remove duplicate properties and declarations from your CSS

License

Notifications You must be signed in to change notification settings

tiaanduplessis/css-dedoupe

Repository files navigation

css-dedoupe

Remove duplicate properties and declarations from your CSS



Built with ❤︎ by Tiaan and contributors

Table of Contents

Table of Contents
  • About
  • Install
  • Usage
  • CLI
  • Issues
  • Contribute
  • License
  • About

    Greenkeeper badge

    This is a basic module that walks a AST built with reworkcss and removes duplicate CSS properties associated with a specific selector. Only keeping the most recent.

    Install

    $ npm install --save css-dedoupe
    # OR
    $ yarn add css-dedoupe

    Usage

    const cssDedoupe = require('css-dedoupe')
    
    const cssStr = '.float-right {float: right;}.float-right {float: right;}'
    console.log(cssDedoupe(cssStr)) // '.float-right{float:right}'

    CLI

    $ css-dedoupe input.css output.css

    Or if you would like to modify the input file directly:

    $ css-dedoupe inputAndOutput.css

    Issues

    • Currently only supports top level declartions e.g. does not dedoupe declartions in media queries.
    • The module makes no attempt to format the css after dedouping. Use modules like csscomb for this.

    Contribute

    Contributions are welcome. Please open up an issue or create PR if you would like to help out.

    Note: If editing the README, please conform to the standard-readme specification.

    License

    Licensed under the MIT License.

    Icons made by Madebyoliver from www.flaticon.com is licensed by CC 3.0 BY

    About

    🙌 Remove duplicate properties and declarations from your CSS

    Topics

    Resources

    License

    Stars

    Watchers

    Forks

    Packages

    No packages published