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-"] { a [class*=" icon-"] {
cursor: pointer; cursor: pointer;
} }
ul.icons {
text-indent: -1.5em;
margin-left: 3em;
}
.icon-glass { .icon-glass {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); *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-"],
.icon-stack [class*=" icon-"] { .icon-stack [class*=" icon-"] {
display: block;
position: absolute; position: absolute;
width: inherit; width: inherit;
height: inherit; height: inherit;
@ -260,6 +261,7 @@ ul.icons-ul > li .icon-li {
line-height: inherit; line-height: inherit;
} }
.icon-stack .icon-stack-base { .icon-stack .icon-stack-base {
display: block;
width: inherit; width: inherit;
height: inherit; height: inherit;
font-size: 2em; font-size: 2em;

View File

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

View File

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