@extend support?

[msisto]

I posted this in the Font Awesome GH project as well...

Maybe I am missing something, but it appears that you can't extend an icon into an element?

For example:

a.edit-thingie {
  @extend .icon-edit;
  color: blue;
}

But <a href="" class="icon-edit"></a> on its own, works as expected.

[iredmedia]

Honestly, not a single response from anyone?

[ejholmes]

I use the following mixin, which works quite well unless you're using media queries.:

=icon($name)
  &:before
    font-family: FontAwesome
    font-weight: normal
    font-style: normal
    display: inline-block
    text-decoration: inherit
    margin-right: 0.4em
  @extend .icon-#{$name}

So then you could do:

a.edit-thingie {
  @include icon('edit');
}

[rmm5t]

I think font-awesome-sass-rails should just remain as a light wrapper around Font-Awesome core. If you'd like an icon mixin, I think that should only be addressed in the FortAwesome/Font-Awesome repo.

I vote for closing this issue.