Fork-Awesome/src/assets/font-awesome/scss/font-awesome-ie7.scss

68 lines
1.2 KiB
SCSS
Raw Normal View History

2013-06-12 16:33:11 +02:00
---
---
{% include license-code.less %}
2013-05-16 09:19:04 +02:00
.icon-large {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
font-size: (4em/3);
2013-05-16 09:19:04 +02:00
vertical-align: middle;
}
.nav {
[class^="icon-"],
[class*=" icon-"] {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
vertical-align: inherit;
2013-05-16 09:19:04 +02:00
&.icon-large {
vertical-align: -25%;
}
}
}
.nav-pills, .nav-tabs {
[class^="icon-"],
[class*=" icon-"] {
&.icon-large {
padding-top: 5px;
padding-bottom: 4px;
margin-top: -7px;
margin-bottom: -5px;
line-height: .75em;
2013-05-16 09:19:04 +02:00
}
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right { vertical-align: inherit; }
2013-05-16 09:19:04 +02:00
&.icon-large {
margin-top: -.5em;
2013-05-16 09:19:04 +02:00
}
}
}
a [class^="icon-"],
a [class*=" icon-"] {
cursor: pointer;
}
@mixin ie7icon($inner) { *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#{$inner}'); }
2013-05-16 09:19:04 +02:00
{% for icon in icons %}
.icon-{{ icon.id }} {
@include ie7icon('&#x{{ icon.unicode }};');
2013-05-16 09:19:04 +02:00
}
{% for alias in icon.aliases %}
.icon-{{ alias }} {
@include ie7icon('&#x{{ icon.unicode }};');
2013-05-16 09:19:04 +02:00
}
{% endfor %}
{% endfor %}