Browser Support: progressive
Last updated
Details:
-
using browserslist driven post-css-preset-env
-
base
-
write only good, standards code
-
add polyfills and fallbacks
-
previously:
// package.json > browserslist
["cover 95%", "not dead"]
- now
// package.json > browserslist
["last 2 years", "> 1%", "not ie 11", "not ie_mob 11", "not op_mini all"]
Why
-
not explicitly supporting any browser that forces me to
- pollute my css with fallbacks
- contort my scss
- harm my developer experience
Tradeoffs
-
coverage down to 89%
-
very minimal CSS available for IE 11 and Opera Mini
- CSS is using custom properties very liberally
- current technique requires that fallback is always provided to the rule
- not up for that
-
only the following browsers supported
- and_chr > 73
- and_ff > 66
- and_uc > 11.8
- android > 67
- chrome > 59
- edge > 16
- firefox > 54
- ios_saf > 11.0-11.2
- kaios > 2.5
- opera > 45
- safari > 11
- samsung > 6.2-6.4