Skip to content

PostCSS plugin to rewrite code with existing vendor prefixes for flexbox code (especially -webkit-)

License

Notifications You must be signed in to change notification settings

hallvors/postcss-flexboxfixer

Repository files navigation

PostCSS Flexboxfixer Build Status

PostCSS plugin to rewrite code with existing vendor prefixes for flexbox (especially -webkit- prefixed) and syntax based on older versions of the CSS specification, and add equivalent un-prefixed CSS.

For example, here's some CSS full of vendor-specific code and syntax based on older versions of the CSS specifications:

.foo {
  display: -webkit-box;
  -webkit-box-pack: justify;
}

The flexboxfixer plugin will add the equivalent standard declarations (while leaving the old CSS for backwards compatibility with older WebKit-based browsers):

.foo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

Usage

postcss([ require('postcss-flexboxfixer') ])

To use in Node.js scripts:

npm install postcss-flexboxfixer

See PostCSS docs for examples for your environment.

About

PostCSS plugin to rewrite code with existing vendor prefixes for flexbox code (especially -webkit-)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •