git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/less/mixins.less

   1 // Mixins
   2 // --------------------------
   3
   4 .icon(@icon) {
   5   .icon-FontAwesome();
   6   content: @icon;
   7 }
   8
   9 .icon-FontAwesome() {
  10   font-family: FontAwesome;
  11   font-weight: normal;
  12   font-style: normal;
  13   text-decoration: inherit;
  14   -webkit-font-smoothing: antialiased;
  15   *margin-right: .3em; // fixes ie7 issues
  16 }
  17
  18 .border-radius(@radius) {
  19   -webkit-border-radius: @radius;
  20   -moz-border-radius: @radius;
  21   border-radius: @radius;
  22 }
  23
  24 .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
  25   .icon-stack {
  26     position: relative;
  27     display: inline-block;
  28     width: @width;
  29     height: @height;
  30     line-height: @width;
  31     vertical-align: -35%;
  32     [class^="icon-"],
  33     [class*=" icon-"] {
  34       display: block;
  35       text-align: center;
  36       position: absolute;
  37       width: 100%;
  38       height: 100%;
  39       font-size: @top-font-size;
  40       line-height: inherit;
  41       *line-height: @height;
  42     }
  43     .icon-stack-base {
  44       font-size: @base-font-size;
  45       *line-height: @height / @base-font-size;
  46     }
  47   }
  48 }