Get css variable (cross browser)

gistfile1.js

/**

<style>

.var-test:before {
    content: 'hello';
}

</style>

<script>
var value = getCssVar('test'); // gets 'hello'
</script>

**/

window.getCssVar = function(name) {
   var ele = document.createElement('div'), val;
   
   ele.classList.add('var-'+name);
   document.documentElement.appendChild(ele);
   val = window.getComputedStyle(ele, ':before').content;
   document.documentElement.removeChild(ele);
   
   return val;
}