panikweb_templates/static/font-awesome/less/core.less

   1 /* FONT AWESOME CORE
   2  * -------------------------- */
   3
   4 [class^="icon-"],
   5 [class*=" icon-"] {
   6   .icon-FontAwesome();
   7 }
   8
   9 [class^="icon-"]:before,
  10 [class*=" icon-"]:before {
  11   text-decoration: inherit;
  12   display: inline-block;
  13   speak: none;
  14 }
  15
  16 /* makes the font 33% larger relative to the icon container */
  17 .icon-large:before {
  18   vertical-align: -10%;
  19   font-size: 4/3em;
  20 }
  21
  22 /* makes sure icons active on rollover in links */
  23 a {
  24   [class^="icon-"],
  25   [class*=" icon-"] {
  26     display: inline;
  27   }
  28 }
  29
  30 /* increased font size for icon-large */
  31 [class^="icon-"],
  32 [class*=" icon-"] {
  33   &.icon-fixed-width {
  34     display: inline-block;
  35     width: 16/14em;
  36     text-align: right;
  37     padding-right: 4/14em;
  38     &.icon-large {
  39       width: 20/14em;
  40     }
  41   }
  42 }
  43
  44 .icons-ul {
  45   margin-left: @icons-li-width;
  46   list-style-type: none;
  47
  48   > li { position: relative; }
  49
  50   .icon-li {
  51     position: absolute;
  52     left: -@icons-li-width;
  53     width: @icons-li-width;
  54     text-align: center;
  55     line-height: inherit;
  56   }
  57 }
  58
  59 // allows usage of the hide class directly on font awesome icons
  60 [class^="icon-"],
  61 [class*=" icon-"] {
  62   &.hide {
  63     display: none;
  64   }
  65 }
  66
  67 .icon-muted { color: @iconMuted; }
  68 .icon-light { color: @iconLight; }
  69 .icon-dark { color: @iconDark; }
  70
  71 // Icon Borders
  72 // -------------------------
  73
  74 .icon-border {
  75   border: solid 1px @borderColor;
  76   padding: .2em .25em .15em;
  77   .border-radius(3px);
  78 }
  79
  80 // Icon Sizes
  81 // -------------------------
  82
  83 .icon-2x {
  84   font-size: 2em;
  85   &.icon-border {
  86     border-width: 2px;
  87     .border-radius(4px);
  88   }
  89 }
  90 .icon-3x {
  91   font-size: 3em;
  92   &.icon-border {
  93     border-width: 3px;
  94     .border-radius(5px);
  95   }
  96 }
  97 .icon-4x {
  98   font-size: 4em;
  99   &.icon-border {
 100     border-width: 4px;
 101     .border-radius(6px);
 102   }
 103 }
 104
 105 .icon-5x {
 106   font-size: 5em;
 107   &.icon-border {
 108     border-width: 5px;
 109     .border-radius(7px);
 110   }
 111 }
 112
 113
 114 // Floats & Margins
 115 // -------------------------
 116
 117 // Quick floats
 118 .pull-right { float: right; }
 119 .pull-left { float: left; }
 120
 121 [class^="icon-"],
 122 [class*=" icon-"] {
 123   &.pull-left {
 124     margin-right: .3em;
 125   }
 126   &.pull-right {
 127     margin-left: .3em;
 128   }
 129 }