title: Font Awesome Shortcut
body: <p>I am using Awesome Font in my web project. Is there any option how to make shortcut to bunch of icons? E.g. I have <a href="http://fortawesome.github.io/Font-Awesome/icon/circle-thin/" rel="nofollow"><code>circle-thin</code></a> icon. Now on page I want to put three icons together so the result is <code>OOO</code>, but I do not want to put 3x times <code>&lt;i class="fa fa-circle-thin"&gt;&lt;/i&gt;</code> s in the code. So can I somehow create CSS shortcut when I write it, 3 circles will appear? </p>
  
  <p>Example:</p>
  
  <pre><code>.circle-three {
  &lt;i class="fa fa-circle-thin"&gt;&lt;/i&gt;
  &lt;i class="fa fa-circle-thin"&gt;&lt;/i&gt;
  &lt;i class="fa fa-circle-thin"&gt;&lt;/i&gt;
  }
  </code></pre>
  
  <p>Then on page I would use only <code>.circle_three</code> class instead of typing the code for circle three times. </p>