addressing icon stacks issue in chrome

This commit is contained in:
davegandy 2013-05-09 19:42:49 -04:00
parent 640c15a6ae
commit 815efd799b
4 changed files with 4 additions and 11 deletions

View file

@ -74,10 +74,6 @@ a [class^="icon-"],
a [class*=" icon-"] {
cursor: pointer;
}
ul.icons {
text-indent: -1.5em;
margin-left: 3em;
}
.icon-glass {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

View file

@ -253,6 +253,7 @@ ul.icons-ul > li .icon-li {
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
display: block;
position: absolute;
width: inherit;
height: inherit;
@ -260,6 +261,7 @@ ul.icons-ul > li .icon-li {
line-height: inherit;
}
.icon-stack .icon-stack-base {
display: block;
width: inherit;
height: inherit;
font-size: 2em;

View file

@ -71,7 +71,6 @@ ul.icons-ul {
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
@ -87,12 +86,6 @@ a [class*=" icon-"] {
cursor: pointer;
}
ul.icons {
text-indent: -1.5em;
margin-left: 3em;
}
.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; }
.icon-glass { .ie7icon(''); }

View file

@ -18,6 +18,7 @@
vertical-align: -35%;
[class^="icon-"],
[class*=" icon-"] {
display: block;
position: absolute;
width: inherit;
height: inherit;
@ -25,6 +26,7 @@
line-height: inherit;
}
.icon-stack-base {
display: block;
width: inherit;
height: inherit;
font-size: @base-font-size;