panikweb_templates/static/font-awesome/scss/_bootstrap.scss

   1 /* BOOTSTRAP SPECIFIC CLASSES
   2  * -------------------------- */
   3
   4 /* Bootstrap 2.0 sprites.less reset */
   5 [class^="icon-"],
   6 [class*=" icon-"] {
   7   display: inline;
   8   width: auto;
   9   height: auto;
  10   line-height: normal;
  11   vertical-align: baseline;
  12   background-image: none;
  13   background-position: 0% 0%;
  14   background-repeat: repeat;
  15   margin-top: 0;
  16 }
  17
  18 /* more sprites.less reset */
  19 .icon-white,
  20 .nav-pills > .active > a > [class^="icon-"],
  21 .nav-pills > .active > a > [class*=" icon-"],
  22 .nav-list > .active > a > [class^="icon-"],
  23 .nav-list > .active > a > [class*=" icon-"],
  24 .navbar-inverse .nav > .active > a > [class^="icon-"],
  25 .navbar-inverse .nav > .active > a > [class*=" icon-"],
  26 .dropdown-menu > li > a:hover > [class^="icon-"],
  27 .dropdown-menu > li > a:hover > [class*=" icon-"],
  28 .dropdown-menu > .active > a > [class^="icon-"],
  29 .dropdown-menu > .active > a > [class*=" icon-"],
  30 .dropdown-submenu:hover > a > [class^="icon-"],
  31 .dropdown-submenu:hover > a > [class*=" icon-"] {
  32   background-image: none;
  33 }
  34
  35
  36 /* keeps Bootstrap styles with and without icons the same */
  37 .btn, .nav {
  38   [class^="icon-"],
  39   [class*=" icon-"] {
  40     //    display: inline;
  41     &.icon-large { line-height: .9em; }
  42     &.icon-spin { display: inline-block; }
  43   }
  44 }
  45 .nav-tabs, .nav-pills {
  46   [class^="icon-"],
  47   [class*=" icon-"] {
  48     &, &.icon-large { line-height: .9em; }
  49   }
  50 }
  51 .btn {
  52   [class^="icon-"],
  53   [class*=" icon-"] {
  54     &.pull-left, &.pull-right {
  55       &.icon-2x { margin-top: .18em; }
  56     }
  57     &.icon-spin.icon-large { line-height: .8em; }
  58   }
  59 }
  60 .btn.btn-small {
  61   [class^="icon-"],
  62   [class*=" icon-"] {
  63     &.pull-left, &.pull-right {
  64       &.icon-2x { margin-top: .25em; }
  65     }
  66   }
  67 }
  68 .btn.btn-large {
  69   [class^="icon-"],
  70   [class*=" icon-"] {
  71     margin-top: 0; // overrides bootstrap default
  72     &.pull-left, &.pull-right {
  73       &.icon-2x { margin-top: .05em; }
  74     }
  75     &.pull-left.icon-2x { margin-right: .2em; }
  76     &.pull-right.icon-2x { margin-left: .2em; }
  77   }
  78 }
  79
  80 /* Fixes alignment in nav lists */
  81 .nav-list [class^="icon-"],
  82 .nav-list [class*=" icon-"] {
  83   line-height: inherit;
  84 }