Skip to content
loading...

re: CSS variables are great! VIEW POST

TOP OF THREAD FULL DISCUSSION
re: Wait, so what's the browser compatibility with this? As much as I love SCSS, and I do, if I don't have to use it anymore in place of standard css...
 

CSS variables are supported in all modern browsers.
For Internet Explorer, I usually use a fallback value:

.main-header {
 background-color: red;
 background-color: var(--main-color);
}

But then, of course, updating value at runtime won't work in IE. I think that this fallback is sufficient when the changes are only cosmetic.

 

For Internet Explorer, you can try this polyfill:
github.com/nuxodin/ie11CustomPrope...
It enables nearly full custom properties support for it.

code of conduct - report abuse