title: SASS variables in a mixin
body: <p>I am not sure how to explain my question but here it is:</p>
  
  <p>I have a collection of variables that contain colors related to categories</p>
  
  <p>$apples: red</p>
  
  <p>$sky: blue</p>
  
  <p>$oranges: orange
  etc</p>
  
  <p>Then I have a mixin that I want to apply these colors only when there is a class with the variable name in it:</p>
  
  <pre><code>=category-color($cat)
    .category-#{$cat}
      .title
        color: $cat
  </code></pre>
  
  <p>this is outputting as:</p>
  
  <pre><code>.category-apples .title {color: apples;}
  </code></pre>
  
  <p>Is it possible to make this work? or do I need to make each of them?</p>