Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$icon_rweb      :   "rweb";
$icon_smiley    :   "smiley";
$icon_rafl      :   "rafl";
$icon_rcast     :   "rcst";
$icon_rmap      :   "rmap";
$icon_rpass     :   "rpass";

@mixin inline-icon($iconCode, $font:FontAwesome) {
    vertical-align: middle;
    font-size: 1em;
    font-weight: normal;
    margin-right: .2rem;
    content: $iconCode;

    @if $font == "FontAwesome" {
        font-family: 'FontAwesome';
    } @else {
        font-family: 'realsmart';
    }
}

/* Pure Includes */

div {
  &:before {
    @include inline-icon($icon_rafl);
  }
}
span {
  &:before {
    @include inline-icon($icon_rafl);
  }
}
em {
  &:before {
    @include inline-icon($icon_rafl);
  }
}
i {
  &:before {
    @include inline-icon($icon_rafl);
  }
}


/* Include with extend class */

%inline-icon {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
}

@mixin inline-icon2($iconCode, $font:FontAwesome) {
    content: $iconCode;
    
    @extend %inline-icon;

    @if $font == "FontAwesome" {
        font-family: 'FontAwesome';
    } @else {
        font-family: 'realsmart';
    }
}

div {
  &:before {
    @include inline-icon2($icon_rafl);
  }
}

span {
  &:before {
    @include inline-icon2($icon_rweb);
  }
}

i {
  &:before {
    @include inline-icon2($icon_rweb);
  }
}

em {
  &:before {
    @include inline-icon2($icon_rweb);
  }
}

SassMeister-output.css

/* Pure Includes */
div:before {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
  content: "rafl";
  font-family: 'FontAwesome';
}

span:before {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
  content: "rafl";
  font-family: 'FontAwesome';
}

em:before {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
  content: "rafl";
  font-family: 'FontAwesome';
}

i:before {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
  content: "rafl";
  font-family: 'FontAwesome';
}

/* Include with extend class */
div:before, span:before, i:before, em:before {
  vertical-align: middle;
  font-size: 1em;
  font-weight: normal;
  margin-right: .2rem;
}

div:before {
  content: "rafl";
  font-family: 'FontAwesome';
}

span:before {
  content: "rweb";
  font-family: 'FontAwesome';
}

i:before {
  content: "rweb";
  font-family: 'FontAwesome';
}

em:before {
  content: "rweb";
  font-family: 'FontAwesome';
}