title: Pass a variable from the DOM to SCSS
body: <p>I am using angular with .scss and I would like to know how to do the below .less code in .scss instead.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;span class="flag-icon-{{territoryId}}"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.flag-icon-@{country} {
    //@country being the {{territoryId}} from above
  }
  </code></pre>
  
  <p>Is this possible?</p>