From f1211a1a7b15294f23db40aaef08c6d901aab181 Mon Sep 17 00:00:00 2001
From: davegandy <dave@davegandy.com>
Date: Mon, 7 Oct 2013 16:58:29 -0400
Subject: slowly porting over to fa-icon class prefix

---
 src/_layouts/icon.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'src/_layouts')

diff --git a/src/_layouts/icon.html b/src/_layouts/icon.html
index 6e5bf21ca..f4e106b84 100644
--- a/src/_layouts/icon.html
+++ b/src/_layouts/icon.html
@@ -6,19 +6,19 @@ relative_path: ../../
 <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="fa fa-{{ page.icon.id }} fa-6"></i>&nbsp;&nbsp;
+      <i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-6"></i>&nbsp;&nbsp;
       <span class="hide-xs">
-        <i class="fa fa-{{ page.icon.id }} fa-5"></i>&nbsp;&nbsp;
-        <span class="hide-sm"><i class="fa fa-{{ page.icon.id }} fa-4"></i>&nbsp;&nbsp;</span>
-        <i class="fa fa-{{ page.icon.id }} fa-3"></i>&nbsp;&nbsp;
-        <i class="fa fa-{{ page.icon.id }} fa-2"></i>&nbsp;
+        <i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-3"></i>&nbsp;&nbsp;
+        <i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-2"></i>&nbsp;
       </span>
-      <i class="fa fa-{{ page.icon.id }} fa-1"></i>
+      <i class="fa-icon fa-icon-{{ page.icon.id }} fa-icon-1"></i>
     </div>
     <h1 class="info-class">
-      fa-{{ page.icon.id }}
+      fa-icon-{{ page.icon.id }}
       <small>
-        <i class="fa fa-{{ page.icon.id }}"></i> &middot;
+        <i class="fa-icon fa-icon-{{ page.icon.id }}"></i> &middot;
         Unicode: <span class="upper">{{ page.icon.unicode }}</span> &middot;
         Created: v{{ page.icon.created }} &middot;
         Categories:
@@ -29,7 +29,7 @@ relative_path: ../../
         {% if icon_alias_count > 0 %}
           &middot; Aliases:
           {% for alias in page.icon.aliases %}
-            fa-{{ alias }}{% unless forloop.last %},{% endunless %}
+            fa-icon-{{ alias }}{% unless forloop.last %},{% endunless %}
           {% endfor %}
         {% endif %}
       </small>
@@ -45,14 +45,14 @@ relative_path: ../../
         <p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="fa fa-{{ page.icon.id }}"></i> fa-{{ page.icon.id }}
+            <i class="fa-icon fa-icon-{{ page.icon.id }}"></i> fa-icon-{{ page.icon.id }}
           </div>
         </div>
 {% highlight html %}
-<i class="fa fa-{{ page.icon.id }}"></i> fa-{{ page.icon.id }}
+<i class="fa-icon fa-icon-{{ page.icon.id }}"></i> fa-icon-{{ page.icon.id }}
 {% endhighlight %}
         <br>
-        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
+        <div class="lead"><i class="fa-icon fa-icon-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
       </div>
       <div class="col-md-3 col-sm-3">
         <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>
-- 
cgit v1.2.3