title: How to make fontawesome4 spinner icon take 100% size on the dom?
body: <p>I know I can change the fontawesome4 icon by setting font-weight property. But how can I set the value to take 100% size of the dom. For example:</p>
  
  <pre><code>&lt;i class="fa fa-spinner" /&gt;
  </code></pre>
  
  <p>the size of the <code>&lt;i&gt;</code> is calculated automatically. So how can I set the font-weight for the spinner icon based on its size?</p>
  
  <p>This is an example on that: <a href="https://codepen.io/zhaoyi0113/pen/LJWVxg" rel="nofollow noreferrer">https://codepen.io/zhaoyi0113/pen/LJWVxg</a>
  You will see if you open this codepen that the spinner is spinning in a very small size. And I want it spinning in the center of the <code>&lt;i&gt;</code> by itself. It works fine if I remove the height and width from the css.</p>
  
  <p>I know some classes like <code>fa-5x</code> works but I need to calculate the size of <code>&lt;a&gt;</code> at runtime. How can I calculate the spinner size programmically?</p>