• 0
Sign in to follow this  
Followers 0

Font Awesome: Stacked Icons


Question

Posted · Report post

In the documentation for Font Awesome there's a section with what's called Stacked Icons - two icons stacked on top of each other. 

 

It states that the style is new in Font Awesome 3.2. Comparing the new icons from 3.2 with the icons in the PageLines documentation, it seems to be the 3.2 version that's used in DMS.

<span class="icon-stack">
  <i class="icon-check-empty icon-stack-base"></i>
  <i class="icon-twitter"></i>
</span>

Pasting the above code (which is stacked on the Font Awesome site) just displays the two icons on their own lines. Is DMS not supporting stacked icons or am I doing something wrong?

 

It also seems that Prepended & Appended Form Inputs isn't working

<form>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-envelope"></i></span>
    <input class="span2" type="text" placeholder="Email address">
  </div>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-key"></i></span>
    <input class="span2" type="password" placeholder="Password">
  </div>
</form>

I'd also like to know if it's possible to size the icons more than just four times (using icon-4x) - i've tried icon-5x, but nothing happens. Since Font Awesome scales with the text size would a solution be to add a class in the CSS that specifies a specific textsize?

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Thanks for the quick reply, Danny. There's no milestone added on the issue - any guesstimate on when it will be implemented?

 

What about sizes (bottom of the post above)?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I wouldn't like to take a guess, we use a customized version of Font Awesome so I can't give any ETA unfortunately.

 

However, you could just add the CSS used for stacked icons to your custom code, you can get it from inspecting the stacked icons from the Font Awesome example page.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0