History

Adam Piontek 3eff955672 progress on migrating to heex templates and font-icons		2022-08-13 07:32:36 -04:00
..
dist	progress on migrating to heex templates and font-icons	2022-08-13 07:32:36 -04:00
node_modules	progress on migrating to heex templates and font-icons	2022-08-13 07:32:36 -04:00
LICENSE-MIT	progress on migrating to heex templates and font-icons	2022-08-13 07:32:36 -04:00
package.json	progress on migrating to heex templates and font-icons	2022-08-13 07:32:36 -04:00
README.md	progress on migrating to heex templates and font-icons	2022-08-13 07:32:36 -04:00

README.md

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 }

`stylehacks.process(css, [options]).then(function(result) {})`

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.

`postcss([ stylehacks(opts) ])`

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

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.