Release 5.0.0-beta1

less/_mixins.less

@@ -2,13 +2,14 @@
 // --------------------------
 
 .fa-icon() {
-  display: inline-block;
-  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
-  font-size: inherit; // can't have font-size inherit on line above, so need to override
-  text-rendering: auto; // optimizelegibility throws things off #1094
-  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  vertical-align: -15%;
 }
 
 .fa-icon-rotate(@degrees, @rotation) {
@@ -27,14 +28,14 @@
 // See: http://a11yproject.com/posts/how-to-hide-content/
 
 .sr-only() {
-  position: absolute;
-  width: 1px;
+  border: 0;
+  clip: rect(0,0,0,0);
   height: 1px;
-  padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
-  border: 0;
+  padding: 0;
+  position: absolute;
+  width: 1px;
 }
 
 // Use in conjunction with .sr-only to only display content when it's focused.
@@ -46,11 +47,11 @@
 .sr-only-focusable() {
   &:active,
   &:focus {
-    position: static;
-    width: auto;
+    clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
-    clip: auto;
+    position: static;
+    width: auto;
   }
 }