adding a category for spinning icons

This commit is contained in:
Dave Gandy 2014-05-14 12:13:52 -05:00
parent 623b6dc8a9
commit 5b575ca4b7
3 changed files with 23 additions and 0 deletions

View File

@ -0,0 +1,21 @@
<section id="spinner">
<h2 class="page-header">Spinner Icons</h2>
<div class="alert alert-success">
<ul class="fa-ul">
<li>
<i class="fa fa-info-circle fa-lg fa-li"></i>
These icons work great with the <code>fa-spin</code> class. Check out the
<a href="" class="alert-link">spinning icons example</a>.
</li>
</ul>
</div>
<div class="row fontawesome-icon-list">
{% assign icons_spinner = icons | expand_aliases | category:"Spinner Icons" | sort_by:'class' %}
{% for icon in icons_spinner %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}"></i> fa-{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

View File

@ -29,6 +29,7 @@
<li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-cube fa-fw"></i>&nbsp; New Icons in {{ site.fontawesome.minor_version }}</a></li>
<li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>

View File

@ -24,6 +24,7 @@ relative_path: ../
{% include icons/new.html %}
{% include icons/web-application.html %}
{% include icons/file-type.html %}
{% include icons/spinner.html %}
{% include icons/form-control.html %}
{% include icons/currency.html %}
{% include icons/text-editor.html %}