// Icon
///
.x-icon( @name: "", @position: "left" ) when (@position = "left") {
  &:before {
    &:extend(.fa);
    &:extend(.@{name});
    margin-right: 10px;
  }
}

.x-icon( @name: "", @position: "left" ) when (@position = "right") {
  &:after {
    &:extend(.fa);
    &:extend(.@{name});
    margin-left: 10px;
  }
}