FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-28 22:41:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

actually getting icon stacks to work in ie7

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/assets/font-awesome/css/font-awesome.css vendored
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 {

4
build/assets/font-awesome/less/mixins.less vendored
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;
} }
} }
} }