fixing icon stacks for ie8

This commit is contained in:
davegandy 2013-05-09 20:49:31 -04:00
parent 97e8f5459a
commit 745c23882d
3 changed files with 10 additions and 18 deletions

View file

@ -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

View file

@ -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 {

View file

@ -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;
}
}
}