You cannot build a polyfill with full feature-parity with the sole CSS. How do you manage the following one: a:link { color: var(main-color); } .import

You cannot build a polyfill with full feature-parity with the sole CSS. How do you manage the following one: a:link { color: var(main-color); } .important-quote { var-main-color: red; } /* <div class="important-quote"> <a href="#">Hi, I should be red;</a> </div> */ Mh.. Well you could actually do some kind of @extend-on-steroids, if you do not care to bloat your styles.