fixing icon stacks for ie8

build/_includes/tests/rotated-flipped.html

@@ -1,6 +1,6 @@
-<i class="icon-shield"></i>&nbsp; normal<br>
-<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-<i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+<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

build/assets/font-awesome/css/font-awesome.css

@@ -255,17 +255,13 @@ ul.icons-ul > li .icon-li {
 .icon-stack [class*=" icon-"] {
   display: block;
   position: absolute;
-  width: inherit;
-  height: inherit;
+  width: 100%;
+  height: 100%;
   font-size: 1em;
   line-height: inherit;
 }
 .icon-stack .icon-stack-base {
-  display: block;
-  width: inherit;
-  height: inherit;
   font-size: 2em;
-  line-height: inherit;
 }
 /* Animated rotating icon */
 .icon-spin {

build/assets/font-awesome/less/mixins.less

@@ -20,17 +20,13 @@
     [class*=" icon-"] {
       display: block;
       position: absolute;
-      width: inherit;
-      height: inherit;
+      width: 100%;
+      height: 100%;
       font-size: @top-font-size;
       line-height: inherit;
     }
     .icon-stack-base {
-      display: block;
-      width: inherit;
-      height: inherit;
       font-size: @base-font-size;
-      line-height: inherit;
     }
   }
 }