https://github.com/gucong3000/postcss-unprefix

Clean CSS vendor prefixes from your source.
https://github.com/gucong3000/postcss-unprefix

postcss

Last synced: 18 days ago
JSON representation

Clean CSS vendor prefixes from your source.

• Host: GitHub
• URL: https://github.com/gucong3000/postcss-unprefix
• Owner: gucong3000
• License: mit
• Created: 2016-04-29T01:33:43.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-06-02T13:45:26.000Z (over 4 years ago)
• Last Synced: 2024-04-23T20:54:23.979Z (7 months ago)
• Topics: postcss
• Language: JavaScript
• Size: 238 KB
• Stars: 33
• Watchers: 2
• Forks: 4
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[postcss](https://github.com/postcss/postcss)-unprefix

=====

Unprefixes vendor prefixes in legacy CSS.

[![NPM version](https://img.shields.io/npm/v/postcss-unprefix.svg?style=flat-square)](https://www.npmjs.com/package/postcss-unprefix)

[![Travis](https://img.shields.io/travis/gucong3000/postcss-unprefix.svg)](https://travis-ci.org/gucong3000/postcss-unprefix)

[![Codecov](https://img.shields.io/codecov/c/github/gucong3000/postcss-unprefix.svg)](https://codecov.io/gh/gucong3000/postcss-unprefix)

[![David](https://img.shields.io/david/gucong3000/postcss-unprefix.svg)](https://david-dm.org/gucong3000/postcss-unprefix)

Though, please use [`autoprefixer`](https://github.com/postcss/autoprefixer) as part of your build process to ensure proper browser support.

![Gif Deom](http://ww3.sinaimg.cn/bmiddle/534b48acgw1et7jyprmj3g20b40ciaes.gif)

## Installation

```bash

npm install --save postcss-unprefix

```

## Usage

```javascript

var postcss = require("gulp-html-postcss");

var unprefix = require("postcss-unprefix");

var autoprefixer = require("autoprefixer");

gulp.task("clear-css", function () {

	var processors = [

		unprefix,

		autoprefixer,

	];

	return gulp.src("./src/**/*.css")

		.pipe(postcss(processors))

		.pipe(gulp.dest('./dest'));

});

```

#### Input

```css

.flex {

	display: -webkit-flex;

	display: -moz-flex;

	-webkit-flex: 1;

}

```

#### Output

```css

.flex {

	display: flex;

	flex: 1;

}

```