Closed pedrohenriquebraga closed 3 years ago
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
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"
]
@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
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
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