The only issue related with css variables is IE (every time is IE the problem) compatibility.
I prefer to use vars only with SCSS, because I need to give IE compatibility for my projects.
Anyway nice examples, I love the new css grid system, expecially if combined with flexbox!
You can try this polyfill:
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.