title: Button-Color based on className in scss
body: <p>Is there a neat, simple and beautiful way to implement something like this in scss:</p>
  <pre><code>&amp;.red{
      --color:red;
  }
  &amp;.green{
      --color:green;
  }
  &amp;.blue{
      --color:blue;
  }
  &amp;.yellow{
      --color:yellow;
  } 
  [...]
  background-color:var(--color);
  </code></pre>
  <p>i was thinking something like this:</p>
  <pre><code>&amp;.$color{
     --color:$color
  }
  </code></pre>
  <p>im really new into scss and wanted to know if this is possible in some way.</p>