How to automate prefixing (phpStorm, LESS)?

Question

css

I use mixins for prefixing. It looks something like this:

.border-radius (@radius) {
    -webkit-border-radius: @radius;
       -moz-border-radius: @radius;
            border-radius: @radius;
}

.example {
    height: 150px;
    width: 50%;
    margin: 0 auto;
    .border-radius(5px);
}

I would like to just write (and get css with added properties with prefixes at the output):

.example {
    height: 150px;
    width: 50%;
    margin: 0 auto;
    border-radius: 5px;
}

Interested in a solution for phpStorm. Do not offer any LESS editors, and even more so JS libraries that place prefixes on the client side.

Answer 1

If you use Grunt to build less files into one css file. Then a plugin for it is perfect for you: https://github.com/nDmitry/grunt-autoprefixer

Answer 2

plugins.jetbrains.com/plugin?pr=&pluginId=7059
I use this plugin. He will cope with your task.
Here is an example of minified CSS:

.example{height:150px;width:50%;margin:0 auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}