stylehacks

stylehacks

Detect/remove browser hacks from CSS files.

Install

With npm do:

npm install stylehacks --save

Example

In its default mode, stylehacks will remove hacks from your CSS file, based on the browsers that you wish to support.

Input

h1 {
    _color: white;
    color: rgba(255, 255, 255, 0.5);
}

Output

h1 {
    color: rgba(255, 255, 255, 0.5);
}

API

stylehacks.detect(node)

Type: function
Returns: boolean

This method will take any PostCSS node, run applicable plugins depending on its type, then will return a boolean depending on whether it found any of the supported hacks. For example, if the decl node found below is passed to the detect function, it will return true. But if the rule node is passed, it will return false instead.

h1 { _color: red }

postcss([ stylehacks(opts) ])

stylehacks can also be consumed as a PostCSS plugin. See the documentation for examples for your environment.

options

lint

Type: boolean
Default: false

If lint mode is enabled, stylehacks will not remove hacks from the CSS; instead, it will add warnings to Result#messages.

Related

stylehacks works well with your existing PostCSS setup:

• stylelint - Comprehensive & modern CSS linter, to ensure that your code style rules are respected.

Contributing

Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

License

MIT © Ben Briggs

Similar packages

Other packages similar to stylehacks

postcss

While not exclusively focused on removing CSS hacks, PostCSS is a tool for transforming CSS with JavaScript plugins, one of which is stylehacks. PostCSS provides a broader range of functionalities for working with CSS, including autoprefixing, minification, and custom properties, making it more versatile but also more complex.

clean-css

clean-css is a fast and efficient CSS optimizer that can minify CSS files, including restructuring, removing unused CSS, and applying various optimizations. While it doesn't specifically target CSS hacks like stylehacks does, it contributes to the overall goal of optimizing and cleaning CSS files.

cssnano

cssnano is a modular CSS minifier that integrates with PostCSS, similar to stylehacks. It focuses on optimizing CSS files by reducing their size for production environments. cssnano includes functionalities for removing outdated browser prefixes, minifying font values, and discarding comments, among others. While it shares the goal of optimizing CSS, cssnano doesn't specifically target CSS hacks for removal but rather focuses on a wide range of optimizations.