sfcode An Online Competing and Development Environment

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

## <tt>stylehacks.detect(node)</tt>

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 }

## <tt>stylehacks.process(css, [options]).then(function(result) {})</tt>

### 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`.

## <tt>postcss([ stylehacks(opts) ])</tt>

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

# 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