浏览代码

adding a category for spinning icons

Dave Gandy 11 年之前
父节点
当前提交
5b575ca4b7
共有 3 个文件被更改,包括 23 次插入0 次删除
  1. 21 0
      src/_includes/icons/spinner.html
  2. 1 0
      src/_includes/navbar.html
  3. 1 0
      src/icons.html

+ 21 - 0
src/_includes/icons/spinner.html

@@ -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>

+ 1 - 0
src/_includes/navbar.html

@@ -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/#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/#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/#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/#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/#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>
             <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>

+ 1 - 0
src/icons.html

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