css – How to automatically assign a vendor prefix

Question: Question:

I am editing a Sass (.scss) file in Visual Studio 2013 (+ Web Essentials).

In the .scss file

div.border {
  border-radius: 5px;
}

When you write, the render prefix is ​​automatically added to css

div.border {
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

Is there a way to output?

The method using @mixin is introduced here , but since it will be a unique notation as follows, it is desirable to use a standard writing method if possible.
(Because I want to make effective use of the input support function of the editor)

div.border {
  @include PropertySetPrefix(border-radius, 10px);
}

Answer: Answer:

How about enabling Autoprefixer? https://github.com/postcss/autoprefixer#visual-studio

Scroll to Top