src/resources/themes/vendor/compass-recipes/stylesheets/recipes/_icons.scss

   1 @mixin icon($background-position: 0 50%, $display: inline-block)
   2 {
   3     background-repeat: no-repeat;
   4     background-position: $background-position;
   5     display: $display;
   6     vertical-align: middle;
   7 }
   8
   9 @mixin icon-inline(
  10     $side: left,
  11     $width: 24px,
  12     $height: auto,
  13     $background-position: 2px 50%,
  14     $display: inline-block
  15 ) {
  16     @if $height == auto
  17     {
  18         $height: $width;
  19     }
  20
  21     @include icon($background-position, $display);
  22     padding-#{$side}: $width;
  23     line-height: $height;
  24 }
  25
  26 @mixin icon-left($width: 24px, $height: auto, $background-position: 2px 50%, $display: inline-block)
  27 {
  28     @include icon-inline(left, $width, $height, $background-position, $display);
  29 }
  30
  31 @mixin icon-right($width: 24px, $height: auto, $background-position: 100% 50%, $display: inline-block)
  32 {
  33     @include icon-inline(right, $width, $height, $background-position, $display);
  34 }