From 676f6ad7b4ce18373e5c7871c3b09e10a6b15f53 Mon Sep 17 00:00:00 2001
From: davegandy <dave@davegandy.com>
Date: Mon, 30 Sep 2013 20:27:45 -0400
Subject: [PATCH] getting stacked and rotated moved over to new prefix

---
 css/font-awesome.css                          | 34 ++++++------
 css/font-awesome.min.css                      | 20 +++----
 less/extras.less                              | 18 +++----
 less/mixins.less                              |  8 +--
 .../tests/rotated-flipped-inside-anchor.html  | 12 ++---
 .../tests/rotated-flipped-inside-btn.html     | 12 ++---
 src/_includes/tests/rotated-flipped.html      | 12 ++---
 .../tests/stacked-inside-anchor.html          | 54 +++++++++----------
 src/_includes/tests/stacked.html              | 54 +++++++++----------
 src/assets/font-awesome/less/extras.less      | 18 +++----
 src/assets/font-awesome/less/mixins.less      |  8 +--
 11 files changed, 125 insertions(+), 125 deletions(-)

diff --git a/css/font-awesome.css b/css/font-awesome.css
index f6e228ba3..8e7435a27 100644
--- a/css/font-awesome.css
+++ b/css/font-awesome.css
@@ -254,7 +254,7 @@ a [class*=" fa-"] {
 /* EXTRAS
  * -------------------------- */
 /* Stacked and layered icon */
-.icon-stack {
+.fa-stack {
   position: relative;
   display: inline-block;
   width: 2em;
@@ -262,8 +262,8 @@ a [class*=" fa-"] {
   line-height: 2em;
   vertical-align: -35%;
 }
-.icon-stack [class^="icon-"],
-.icon-stack [class*=" icon-"] {
+.fa-stack [class^="fa-"],
+.fa-stack [class*=" fa-"] {
   position: absolute;
   display: block;
   width: 100%;
@@ -273,12 +273,12 @@ a [class*=" fa-"] {
   *line-height: 2em;
   text-align: center;
 }
-.icon-stack .icon-stack-base {
+.fa-stack .fa-stack-base {
   font-size: 2em;
   *line-height: 1em;
 }
 /* Animated rotating icon */
-.icon-spin {
+.fa-spin {
   display: inline-block;
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
@@ -286,8 +286,8 @@ a [class*=" fa-"] {
   animation: spin 2s infinite linear;
 }
 /* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
+a .fa-stack,
+a .fa-spin {
   display: inline-block;
   text-decoration: none;
 }
@@ -332,7 +332,7 @@ a .icon-spin {
   }
 }
 /* Icon rotations and mirroring */
-.icon-rotate-90:before {
+.fa-rotate-90:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
@@ -340,7 +340,7 @@ a .icon-spin {
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 }
-.icon-rotate-180:before {
+.fa-rotate-180:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
@@ -348,7 +348,7 @@ a .icon-spin {
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
-.icon-rotate-270:before {
+.fa-rotate-270:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
@@ -356,14 +356,14 @@ a .icon-spin {
   -o-transform: rotate(270deg);
   transform: rotate(270deg);
 }
-.icon-flip-horizontal:before {
+.fa-flip-horizontal:before {
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
   -o-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
-.icon-flip-vertical:before {
+.fa-flip-vertical:before {
   -webkit-transform: scale(1, -1);
   -moz-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
@@ -371,11 +371,11 @@ a .icon-spin {
   transform: scale(1, -1);
 }
 /* ensure rotation occurs inside anchor tags */
-a .icon-rotate-90:before,
-a .icon-rotate-180:before,
-a .icon-rotate-270:before,
-a .icon-flip-horizontal:before,
-a .icon-flip-vertical:before {
+a .fa-rotate-90:before,
+a .fa-rotate-180:before,
+a .fa-rotate-270:before,
+a .fa-flip-horizontal:before,
+a .fa-flip-vertical:before {
   display: inline-block;
 }
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
index 1a13b4ce5..06fea5a8a 100644
--- a/css/font-awesome.min.css
+++ b/css/font-awesome.min.css
@@ -30,16 +30,16 @@ a [class^="fa-"],a [class*=" fa-"]{display:inline;}
 .btn.btn-large [class^="fa-"].pull-left.fa-2x,.btn.btn-large [class*=" fa-"].pull-left.fa-2x{margin-right:.2em;}
 .btn.btn-large [class^="fa-"].pull-right.fa-2x,.btn.btn-large [class*=" fa-"].pull-right.fa-2x{margin-left:.2em;}
 .nav-list [class^="fa-"],.nav-list [class*=" fa-"]{line-height:inherit;}
-.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center;}
-.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
-.icon-spin{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
-a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
-@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
-.icon-rotate-180:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
-.icon-rotate-270:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
-.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
-.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
-a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
+.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.fa-stack [class^="fa-"],.fa-stack [class*=" fa-"]{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center;}
+.fa-stack .fa-stack-base{font-size:2em;*line-height:1em;}
+.fa-spin{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
+a .fa-stack,a .fa-spin{display:inline-block;text-decoration:none;}
+@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.fa-rotate-90:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
+.fa-rotate-180:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
+.fa-rotate-270:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
+.fa-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
+.fa-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
+a .fa-rotate-90:before,a .fa-rotate-180:before,a .fa-rotate-270:before,a .fa-flip-horizontal:before,a .fa-flip-vertical:before{display:inline-block;}
 .fa-glass:before{content:"\f000";}
 .fa-music:before{content:"\f001";}
 .fa-search:before{content:"\f002";}
diff --git a/less/extras.less b/less/extras.less
index fdc4697bd..4002d460e 100644
--- a/less/extras.less
+++ b/less/extras.less
@@ -5,7 +5,7 @@
 .icon-stack();
 
 /* Animated rotating icon */
-.icon-spin {
+.fa-spin {
   display: inline-block;
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
@@ -14,8 +14,8 @@
 }
 
 /* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
+a .fa-stack,
+a .fa-spin {
   display: inline-block;
   text-decoration: none;
 }
@@ -42,7 +42,7 @@ a .icon-spin {
 }
 
 /* Icon rotations and mirroring */
-.icon-rotate-90:before {
+.fa-rotate-90:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
@@ -51,7 +51,7 @@ a .icon-spin {
   transform: rotate(90deg);
 }
 
-.icon-rotate-180:before {
+.fa-rotate-180:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
@@ -60,7 +60,7 @@ a .icon-spin {
   transform: rotate(180deg);
 }
 
-.icon-rotate-270:before {
+.fa-rotate-270:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
@@ -69,7 +69,7 @@ a .icon-spin {
   transform: rotate(270deg);
 }
 
-.icon-flip-horizontal:before {
+.fa-flip-horizontal:before {
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
@@ -77,7 +77,7 @@ a .icon-spin {
   transform: scale(-1, 1);
 }
 
-.icon-flip-vertical:before {
+.fa-flip-vertical:before {
   -webkit-transform: scale(1, -1);
   -moz-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
@@ -87,7 +87,7 @@ a .icon-spin {
 
 /* ensure rotation occurs inside anchor tags */
 a {
-  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
+  .fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical {
     &:before { display: inline-block; }
   }
 }
diff --git a/less/mixins.less b/less/mixins.less
index fd023f104..099aa3080 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -24,15 +24,15 @@
 }
 
 .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
-  .icon-stack {
+  .fa-stack {
     position: relative;
     display: inline-block;
     width: @width;
     height: @height;
     line-height: @width;
     vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
+    [class^="fa-"],
+    [class*=" fa-"] {
       position: absolute;
       display: block;
       width: 100%;
@@ -42,7 +42,7 @@
       *line-height: @height;
       text-align: center;
     }
-    .icon-stack-base {
+    .fa-stack-base {
       font-size: @base-font-size;
       *line-height: (@height / @base-font-size);
     }
diff --git a/src/_includes/tests/rotated-flipped-inside-anchor.html b/src/_includes/tests/rotated-flipped-inside-anchor.html
index df11b37b4..111f1a37a 100644
--- a/src/_includes/tests/rotated-flipped-inside-anchor.html
+++ b/src/_includes/tests/rotated-flipped-inside-anchor.html
@@ -1,6 +1,6 @@
-<a href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
-<a href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
-<a href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
-<a href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
-<a href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
-<a href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>
+<a href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
diff --git a/src/_includes/tests/rotated-flipped-inside-btn.html b/src/_includes/tests/rotated-flipped-inside-btn.html
index c8c9993fd..3a8e45c07 100644
--- a/src/_includes/tests/rotated-flipped-inside-btn.html
+++ b/src/_includes/tests/rotated-flipped-inside-btn.html
@@ -1,6 +1,6 @@
-<a class="btn" href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>
+<a class="btn" href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a class="btn" href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a class="btn" href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a class="btn" href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a class="btn" href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a class="btn" href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
diff --git a/src/_includes/tests/rotated-flipped.html b/src/_includes/tests/rotated-flipped.html
index a6620cd3f..13a83f4b6 100644
--- a/src/_includes/tests/rotated-flipped.html
+++ b/src/_includes/tests/rotated-flipped.html
@@ -1,6 +1,6 @@
-<i class="icon-flag"></i>&nbsp; normal<br>
-<i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-<i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-<i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-<i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-<i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+<i class="fa fa-flag"></i>&nbsp; normal<br>
+<i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical
diff --git a/src/_includes/tests/stacked-inside-anchor.html b/src/_includes/tests/stacked-inside-anchor.html
index d034a9959..6f9c4d595 100644
--- a/src/_includes/tests/stacked-inside-anchor.html
+++ b/src/_includes/tests/stacked-inside-anchor.html
@@ -1,68 +1,68 @@
 <p>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-sign-blank icon-stack-base"></i>
-      <i class="icon-twitter icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-sign-blank fa-stack-base"></i>
+      <i class="fa fa-twitter fa-light"></i>
     </span>
     Twitter Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-sign-blank icon-stack-base"></i>
-      <i class="icon-facebook icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-sign-blank fa-stack-base"></i>
+      <i class="fa fa-facebook fa-light"></i>
     </span>
     Facebook Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-sign-blank icon-stack-base"></i>
-      <i class="icon-github icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-sign-blank fa-stack-base"></i>
+      <i class="fa fa-github fa-light"></i>
     </span>
     GitHub Icon
   </a>
 </p>
 <p>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle icon-stack-base"></i>
-      <i class="icon-twitter icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle fa-stack-base"></i>
+      <i class="fa fa-twitter fa-light"></i>
     </span>
     Twitter Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle icon-stack-base"></i>
-      <i class="icon-facebook icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle fa-stack-base"></i>
+      <i class="fa fa-facebook fa-light"></i>
     </span>
     Facebook Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle icon-stack-base"></i>
-      <i class="icon-github icon-light"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle fa-stack-base"></i>
+      <i class="fa fa-github fa-light"></i>
     </span>
     GitHub Icon
   </a>
 </p>
 <p>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle-blank icon-stack-base"></i>
-      <i class="icon-twitter"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle-blank fa-stack-base"></i>
+      <i class="fa fa-twitter"></i>
     </span>
     Twitter Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle-blank icon-stack-base"></i>
-      <i class="icon-facebook"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle-blank fa-stack-base"></i>
+      <i class="fa fa-facebook"></i>
     </span>
     Facebook Icon
   </a>
   <a href="#">
-    <span class="icon-stack">
-      <i class="icon-circle-blank icon-stack-base"></i>
-      <i class="icon-github"></i>
+    <span class="fa-stack">
+      <i class="fa fa-circle-blank fa-stack-base"></i>
+      <i class="fa fa-github"></i>
     </span>
     GitHub Icon
   </a>
diff --git a/src/_includes/tests/stacked.html b/src/_includes/tests/stacked.html
index 36e427f78..5954f85cd 100644
--- a/src/_includes/tests/stacked.html
+++ b/src/_includes/tests/stacked.html
@@ -1,51 +1,51 @@
 <p>
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-twitter icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-sign-blank fa-stack-base"></i>
+    <i class="fa fa-twitter fa-light"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-facebook icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-sign-blank fa-stack-base"></i>
+    <i class="fa fa-facebook fa-light"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-github icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-sign-blank fa-stack-base"></i>
+    <i class="fa fa-github fa-light"></i>
   </span>
   GitHub Icon
 </p>
 <p>
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-twitter icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-base"></i>
+    <i class="fa fa-twitter fa-light"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-facebook icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-base"></i>
+    <i class="fa fa-facebook fa-light"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-github icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-base"></i>
+    <i class="fa fa-github fa-light"></i>
   </span>
   GitHub Icon
 </p>
 <p>
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-twitter"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-blank fa-stack-base"></i>
+    <i class="fa fa-twitter"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-facebook"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-blank fa-stack-base"></i>
+    <i class="fa fa-facebook"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-github"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-blank fa-stack-base"></i>
+    <i class="fa fa-github"></i>
   </span>
   GitHub Icon
 </p>
\ No newline at end of file
diff --git a/src/assets/font-awesome/less/extras.less b/src/assets/font-awesome/less/extras.less
index fdc4697bd..4002d460e 100644
--- a/src/assets/font-awesome/less/extras.less
+++ b/src/assets/font-awesome/less/extras.less
@@ -5,7 +5,7 @@
 .icon-stack();
 
 /* Animated rotating icon */
-.icon-spin {
+.fa-spin {
   display: inline-block;
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
@@ -14,8 +14,8 @@
 }
 
 /* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
+a .fa-stack,
+a .fa-spin {
   display: inline-block;
   text-decoration: none;
 }
@@ -42,7 +42,7 @@ a .icon-spin {
 }
 
 /* Icon rotations and mirroring */
-.icon-rotate-90:before {
+.fa-rotate-90:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
@@ -51,7 +51,7 @@ a .icon-spin {
   transform: rotate(90deg);
 }
 
-.icon-rotate-180:before {
+.fa-rotate-180:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
@@ -60,7 +60,7 @@ a .icon-spin {
   transform: rotate(180deg);
 }
 
-.icon-rotate-270:before {
+.fa-rotate-270:before {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
@@ -69,7 +69,7 @@ a .icon-spin {
   transform: rotate(270deg);
 }
 
-.icon-flip-horizontal:before {
+.fa-flip-horizontal:before {
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
@@ -77,7 +77,7 @@ a .icon-spin {
   transform: scale(-1, 1);
 }
 
-.icon-flip-vertical:before {
+.fa-flip-vertical:before {
   -webkit-transform: scale(1, -1);
   -moz-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
@@ -87,7 +87,7 @@ a .icon-spin {
 
 /* ensure rotation occurs inside anchor tags */
 a {
-  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
+  .fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical {
     &:before { display: inline-block; }
   }
 }
diff --git a/src/assets/font-awesome/less/mixins.less b/src/assets/font-awesome/less/mixins.less
index fd023f104..099aa3080 100644
--- a/src/assets/font-awesome/less/mixins.less
+++ b/src/assets/font-awesome/less/mixins.less
@@ -24,15 +24,15 @@
 }
 
 .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
-  .icon-stack {
+  .fa-stack {
     position: relative;
     display: inline-block;
     width: @width;
     height: @height;
     line-height: @width;
     vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
+    [class^="fa-"],
+    [class*=" fa-"] {
       position: absolute;
       display: block;
       width: 100%;
@@ -42,7 +42,7 @@
       *line-height: @height;
       text-align: center;
     }
-    .icon-stack-base {
+    .fa-stack-base {
       font-size: @base-font-size;
       *line-height: (@height / @base-font-size);
     }