tonix-html-autoprefixer
Version:
Autoprefix all CSS inside an html page - CSS inside style tags and inside style attributes
81 lines (54 loc) • 2.27 kB
Markdown
# tonix-html-autoprefixer
This package is a fork of the original [html-autoprefixer](https://github.com/devinus/html-autoprefixer) repo.
This fork comes with updated NPM packages.
The original README.md follows below this paragraph.
# html-autoprefixer
Autoprefix all CSS inside an html page - CSS inside style tags and inside style attributes.
[](https://travis-ci.org/Rebelmail/html-autoprefixer)
[](http://badge.fury.io/js/html-autoprefixer)
```javascript
var prefixed = htmlAutoprefixer.process(htmlString);
```
## Installation
```
npm install html-autoprefixer --save
```
## Usage
You pass an html string to `.process` and it returns the processed html.
```javascript
var htmlAutoprefixer = require("html-autoprefixer");
var htmlString =
'<html><head><style>:fullscreen a { transition: transform 1s; }</style></head><body><h1 style=\'font-feature-settings: "liga", "dlig";\'>Hello</h1></body></html>';
var prefixed = htmlAutoprefixer.process(htmlString);
```
You can optionally pass [cheerio options](https://github.com/cheeriojs/cheerio#loading).
```javascript
var htmlString = "<HTML></HTML>";
var prefixed = htmlAutoprefixer.process(htmlString, { lowerCaseTags: true });
// <html></html>
```
### Gulp
[](https://github.com/RebelMail/gulp-html-autoprefixer)
Using [Gulp](http://gulpjs.com)? Use [gulp-html-autoprefixer](https://github.com/RebelMail/gulp-html-autoprefixer).
```javascript
var gulp = require("gulp");
var htmlAutoprefixer = require("gulp-html-autoprefixer");
gulp.task("html-autoprefix", function () {
return gulp
.src("./path/to/index-or-other.html")
.pipe(htmlAutoprefixer())
.pipe(gulp.dest("dist"));
});
```
## Contributing
1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Added some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request
## Running tests
```
npm install
npm test
```