SCSS variable class name : <p>On my website, I'm constantly doing style="font-size: #ofpx;". However, I was wondering if there's a way to do it with scss so that, when I declare a class, it would also change the font size. For example:</p>

<pre><code>&lt;div class='col-lg-4 font-20'&gt;whatever here&lt;/div&gt;
</code></pre>

<p>and this would change my font-size to 20. If I did font-30, it would change my font-size to 30 and etc...</p>

<p>What I have so far:</p>

<pre><code>.font-#{$fontsize} {
      font-size: $fontsize;
}
</code></pre>
