title: CSS variables use in Vue
body: <p>Is it possible to use pure CSS variables with Vue without having to link any stylesheets or use SASS/PostCSS? Unsure why I'm unable to get this to work in its most basic form. </p>
  
  <pre><code>&lt;template&gt;
     &lt;div id="test"&gt;
          TEST
      &lt;/div&gt;
  &lt;/template&gt; 
  &lt;style scoped&gt; 
     :root {
     --var-txt-color: #c1d32f;
     }
  
   #test {
   color: var(--var-txt-color);
    }
  &lt;/style&gt; 
  </code></pre>