git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/font-awesome/scss/font-awesome-ie7.scss

   1 ---
   2 ---
   3 {% include license-code.less %}
   4
   5 .icon-large {
   6   font-size: (4em/3);
   7   margin-top: -4px;
   8   padding-top: 3px;
   9   margin-bottom: -4px;
  10   padding-bottom: 3px;
  11   vertical-align: middle;
  12 }
  13
  14 .nav {
  15   [class^="icon-"],
  16   [class*=" icon-"] {
  17     vertical-align: inherit;
  18     margin-top: -4px;
  19     padding-top: 3px;
  20     margin-bottom: -4px;
  21     padding-bottom: 3px;
  22     &.icon-large {
  23       vertical-align: -25%;
  24     }
  25   }
  26 }
  27
  28 .nav-pills, .nav-tabs {
  29   [class^="icon-"],
  30   [class*=" icon-"] {
  31     &.icon-large {
  32       line-height: .75em;
  33       margin-top: -7px;
  34       padding-top: 5px;
  35       margin-bottom: -5px;
  36       padding-bottom: 4px;
  37     }
  38   }
  39 }
  40
  41 .btn {
  42   [class^="icon-"],
  43   [class*=" icon-"] {
  44     &.pull-left, &.pull-right { vertical-align: inherit; }
  45     &.icon-large {
  46       margin-top: -.5em;
  47     }
  48   }
  49 }
  50
  51 a [class^="icon-"],
  52 a [class*=" icon-"] {
  53   cursor: pointer;
  54 }
  55
  56 @mixin ie7icon($inner) { *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#{$inner}'); }
  57
  58 {% for icon in icons %}
  59 .icon-{{ icon.id }} {
  60   @include ie7icon('&#x{{ icon.unicode }};');
  61 }
  62 {% for alias in icon.aliases %}
  63 .icon-{{ alias }} {
  64   @include ie7icon('&#x{{ icon.unicode }};');
  65 }
  66 {% endfor %}
  67 {% endfor %}