Does anyone know if there's a polyfill for CSS variables out there? Possibly a library that creates plain old CSS out of the one that uses variables. It would be useful until this is rolled out to other browsers.
[1]: https://github.com/visionmedia/rework-vars [2]: https://github.com/visionmedia/rework
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.