actually getting icon stacks to work in ie7

This commit is contained in:
davegandy 2013-05-09 21:09:35 -04:00
parent 745c23882d
commit 8dfdd25b95
2 changed files with 6 additions and 2 deletions

View file

@ -245,7 +245,6 @@ ul.icons-ul > li .icon-li {
.icon-stack { .icon-stack {
position: relative; position: relative;
display: inline-block; display: inline-block;
text-align: center;
width: 2em; width: 2em;
height: 2em; height: 2em;
line-height: 2em; line-height: 2em;
@ -254,14 +253,17 @@ ul.icons-ul > li .icon-li {
.icon-stack [class^="icon-"], .icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] { .icon-stack [class*=" icon-"] {
display: block; display: block;
text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 1em; font-size: 1em;
line-height: inherit; line-height: inherit;
*line-height: 2em;
} }
.icon-stack .icon-stack-base { .icon-stack .icon-stack-base {
font-size: 2em; font-size: 2em;
*line-height: 1em;
} }
/* Animated rotating icon */ /* Animated rotating icon */
.icon-spin { .icon-spin {

View file

@ -11,7 +11,6 @@
.icon-stack { .icon-stack {
position: relative; position: relative;
display: inline-block; display: inline-block;
text-align: center;
width: @width; width: @width;
height: @height; height: @height;
line-height: @width; line-height: @width;
@ -19,14 +18,17 @@
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {
display: block; display: block;
text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: @top-font-size; font-size: @top-font-size;
line-height: inherit; line-height: inherit;
*line-height: @height;
} }
.icon-stack-base { .icon-stack-base {
font-size: @base-font-size; font-size: @base-font-size;
*line-height: @height / @base-font-size;
} }
} }
} }