Does not compile correctly for CSS

[pedrohenriquebraga]

When I add this line to the .scss file -webkit-box-orient: vertical it is not added to the CSS. I'm using Windows 10 64 Bits

[xeniumgroup23]

When I add this line to the .scss file { background: -moz-linear-gradient(top, #01b49b 0%, #005484 100%); background: -webkit-linear-gradient(top, #01b49b 0%, #005484 100%); background: linear-gradient(to bottom, #01b49b 0%, #005484 100%); } It just add { background: linear-gradient(to bottom, #01b49b 0%, #005484 100%); } in css

[glenn2223]

This is a feature of the extension, it uses autoprefixer to automatically add (or remove) styles that are required for browsers. Just set the browsers you want to hack and it does all the hard work for you.

Basically, autoprefixer is telling you that you don't need those lines of code for the settings below (default)

"liveSassCompile.settings.autoprefix": [
    "> 0.5%",
    "last 2 versions",
    "Firefox ESR",
    "not dead"
]

---

Just suggestions

@pedrohenriquebraga, -webkit-box-orient is not standard so I wouldn't suggest using it. Use flexbox instead (see below ref)

---

@xeniumgroup23 linear gradient is supported by 97% of browsers (even back to IE 10). Adding prefixes only helps 0.4% of users

---

However, you can continue to do it yourselves by setting "liveSassCompile.settings.autoprefix": null

May I also suggest that you upgrade/update to my version of the extension. It has a more recent version of autoprefixer, sass and is maintained. You can find it here https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass

[pedrohenriquebraga]

This is a feature of the extension, it uses autoprefixer to automatically add (or remove) styles that are required for browsers. Just set the browsers you want to hack and it does all the hard work for you.

Basically, autoprefixer is telling you that you don't need those lines of code for the settings below (default)

"liveSassCompile.settings.autoprefix": [
    "> 0.5%",
    "last 2 versions",
    "Firefox ESR",
    "not dead"
]

Just suggestions

@pedrohenriquebraga, -webkit-box-orient is not standard so I wouldn't suggest using it. Use flexbox instead (see below ref)

@xeniumgroup23 linear gradient is supported by 97% of browsers (even back to IE 10). Adding prefixes only helps 0.4% of users

However, you can continue to do it yourselves by setting "liveSassCompile.settings.autoprefix": null

May I also suggest that you upgrade/update to my version of the extension. It has a more recent version of autoprefixer, sass and is maintained. You can find it here https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass

Thanks!! I go close the issue