Stop generating `-webkit-*` propreties in CSS

[wala95]

How to stop generating -webkit-* propreties?

Example

@media screen and (min-width: 1000px) {
    footer {
        h2 {
            text-align: center;
        }
        ul {
            display: flex;
            flex-direction: row;
            max-width: 70vw;
            margin: auto;
            justify-content: center;
            align-items: center;
            li {
                margin:1vw 3vw 3vw 1vw ;
            }
        }
    }
}

is compiled to

@media screen and (min-width: 1000px) {
  footer h2 {
    text-align: center;
  }
  footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 70vw;
    margin: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

[wala95]

Found the solution in Settings set autoprefix to null

"liveSassCompile.settings.autoprefix": null

[glenn2223]

Hi @wala95,

This extension is no longer maintained and, as such, is using an old version of autoprefixer. Because of this, it will be adding prefixes where they are no longer necessary.

If you want to maintain the best browser compatibility, I'd suggest switching to my extension and choosing a relevant autoprefixer browser list. It uses a newer autoprefixer and also has a couple of extra features as well. You can find it at glenn2223.live-sass in the VS Code marketplace 👍