bokmann/font-awesome-rails — pull request #114 by shekibobo (2014-09-25 18:54:50+00:00)
Title: Wrap icon text in a span with alignment classes

Instead of joining the text in a way that cannot be targeted with CSS, we can wrap it in a span so that we can target it and style it however one might want!

Examples from the updated README:

```ruby
fa_icon "camera-retro"
# =>

fa_icon "camera-retro", text: "Take a photo"
# => Take a photo

fa_icon "chevron-right", text: "Get started", right: true
# => Get started

fa_icon "quote-left 4x", class: "text-muted pull-left"
# =>

content_tag(:li, fa_icon("check li", text: "Bulleted list item"))
# =>
Bulleted list item

```

```ruby
fa_stacked_icon "twitter", base: "square-o"
# =>
# =>
# =>
# =>

fa_stacked_icon "terminal inverse", base: "square", class: "pull-right", text: "Hi!"
# =>
# =>
# =>
# => Hi!
```

Now we can target the text for styling:

```sass
.fa-text {
&-right {
margin-left: 1em;
}

&-left {
margin-right: 1em;
}
}

.fa-chain + .fa-text {
text-transform: uppercase;
}
```