1 files changed, 7 insertions, 55 deletions

diff --git a/less/extras.less b/less/extras.less
index 4002d460e..fdfcc0cbf 100644
--- a/less/extras.less
+++ b/less/extras.less
@@ -6,20 +6,12 @@
 
 /* Animated rotating icon */
 .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;
 }
 
-/* Prevent stack and spinners from being taken inline when inside a link */
-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); }
@@ -41,53 +33,13 @@ a .fa-spin {
   100% { transform: rotate(359deg); }
 }
 
-/* Icon rotations and mirroring */
-.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);
-}
+// Icon rotations & flipping
+// -------------------------
 
-.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);
-}
+.fa-rotate-90  { .rotate(90deg, 1);  }
+.fa-rotate-180 { .rotate(180deg, 2); }
+.fa-rotate-270 { .rotate(270deg, 3); }
 
-/* ensure rotation occurs inside anchor tags */
-a {
-  .fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical {
-    &:before { display: inline-block; }
-  }
-}
+.fa-flip-horizontal { .flip(-1, 1); }
+.fa-flip-vertical   { .flip(1, -1); }