git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/scss/_mixins.scss

   1 // Mixins
   2 // --------------------------
   3
   4 @mixin icon($icon) {
   5   @include icon-FontAwesome();
   6   content: $icon;
   7 }
   8
   9 @mixin 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 @mixin border-radius($radius) {
  19   -webkit-border-radius: $radius;
  20   -moz-border-radius: $radius;
  21   border-radius: $radius;
  22 }
  23
  24 @mixin 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}em;
  46     }
  47   }
  48 }