CSS Custom Properties don't get set in IE 11

gawati / gawati-portal-ui

Version 2 of the gawati portal

GNU Affero General Public License v3.0

0 stars 0 forks source link

CSS Custom Properties don't get set in IE 11 #52

Open kohsah opened 6 years ago

kohsah commented 6 years ago

Follow on from https://github.com/gawati/gawati-portal-ui/issues/26

In IE 11 CSS Custom Properties don't get set.

kohsah commented 6 years ago

@Arunadevi one possible approach is to use postcss-next , see this comment https://github.com/facebook/create-react-app/issues/2133#issuecomment-301024670

Then we can do away with the polyfill for css custom properties.

Arunadevi commented 6 years ago

@kohsah , the above comment is about installing postcss without ejecting. I might then want to install https://github.com/postcss/postcss-custom-properties. Or should I use postcss-nextcss?

kohsah commented 6 years ago

@Arunadevi postcss-customproperties looks fine to me

Arunadevi commented 6 years ago

I tried calling the postcss plugin in postbuild. "postbuild": "postcss --use postcss-custom-properties --replace build/static/css/**/*.css" Doesn't work. No errors either. However, might be due to:

build folder containing all theme definitions
the var definitions not present in the main.css file itself (can try to concat the right theme file)

Updated i#52-postcss branch with the WIP code.