CSS AutoPrefixer

Download this extension from the Marketplace or get the CI build.

Write your CSS rules without vendor prefixes (in fact, forget about them entirely). Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.

See the change log for changes and road map.

Features

• Auto-prefixes CSS properties
• Uses autoprefixer node module

Auto-prefix

This extension calls the autoprefixer node module behind the scenes to add missing vendor prefixes to any CSS document.

For example, take the following code:

:fullscreen a {
    display: flex
}

Running auto-prefixing makes sure that all vendor specific syntaxes are added.

:-webkit-full-screen a {
    display: -webkit-box;
    display: flex
}
:-moz-full-screen a {
    display: flex
}
:-ms-fullscreen a {
    display: -ms-flexbox;
    display: flex
}
:fullscreen a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

Invoke the command from the context menu in the CSS editor.

Contribute

Check out the contribution guidelines if you want to contribute to this project.

For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.

License

Apache 2.0