-
Notifications
You must be signed in to change notification settings - Fork 60
SPIKE: IE11 handling
deno edited this page Jun 29, 2021
·
2 revisions
- https://caniuse.com/#compare=ie+11,firefox+65,firefox+66,chrome+72,chrome+73&compare_cats=CSS
-
:read-only
https://caniuse.com/#feat=css-read-only-write -
text-rendering: optimizeLegibility
https://caniuse.com/#feat=kerning-pairs-ligatures -
:focus-within
https://caniuse.com/#feat=css-focus-within -
::placeholder
https://caniuse.com/#feat=css-placeholder - CSS variables
- grid (handle at later date)
- "Autoprefixer can be used to translate modern CSS Grid syntax into IE 10 and IE 11 syntax, but this polyfill will not work in 100% of cases. This is why it is disabled by default."
grid: "autoplace"
-
browsers: ["last 2 versions", "IE 11"]
or add.browserslistrc
- materialui, bootstrap not using CSS variables
-
postcss-nested
'postcss-nested': {},
- postcss-simple-vars
'postcss-simple-vars': {
unknown: function (node, name, result) {
node.warn(result, 'Unknown variable ' + name);
},
keep: true
},
- postcss-css-variables: removes variables from output CSS
'postcss-css-variables': {
preserve: true
},
- set parser to postcss-scss
- possibly use postcss present env
- possibly use precss plugin
- Add linting plugins doIUse
- remove unneeded
$fd-support-css-var-fallback
from SCSS files - remove fundamentals-ie11 files
- many missing colors need to be updated:
- change
npm run style:compile
command, use node-sass inside of postcss as plugin after some things are done - run
customscript.js
through babel, or rewrite to ES5