title: Export variables from SASS to vanilla CSS?
body: <p>Consider I have a long list of SASS variables in different <code>.scss</code> files like this:</p>
  
  <pre><code>$app-color-white: #ffffff;
  $app-color-black: #000000;
  </code></pre>
  
  <p>What would be the most effective way to export these variables as vanilla CSS variables?</p>
  
  <pre><code>:root {
    --app-color-white: #ffffff;
    --app-color-black: #000000;
  }
  </code></pre>
  
  <p>Maybe, there is a SASS-way or even some pre-processor?</p>
  
  <p>I want my SASS framework to be also used in vanilla CSS projects.</p>