title: How can I detect CSS Variable support with JavaScript?
body: <p>The latest version of Firefox has support for <a href="http://www.w3.org/TR/css-variables/" rel="noreferrer">CSS Variables</a>, but Chrome, IE and loads of other browsers do not. It should be possible to access a DOM Node or write a little method which returns whether the browser supports this feature, but I haven't been able to find anything which is currently able to do this. What I need is a solution which I can use as condition to run code if the browser does not support the feature, something like:</p>
  
  <pre><code>if (!browserCanUseCssVariables()) {
    // Do stuff...
  }
  </code></pre>