font-awesome-sass-mixins icon indicating copy to clipboard operation
font-awesome-sass-mixins copied to clipboard

For those of us who want to use Font Awesome without the non-semantic class names FontAwesome provides and without loading every single icon class definition when you only use some of the icons.

font-awesome-sass-mixins

For those of us who want to use Font Awesome without class tags and without loading every single class definition.

Currently up to date with Font Awesome 4.7.0

Installation

gem install font-awesome-sass-mixins

then

@import font-awesome-mixins
  • Make sure you have the @font-face declaration somewhere in your SASS already. I may add that automatically in the near future.
  • Make sure your fonts directory is also setup and that your @font-face points at it. This gem cannot really help you with that, it's out of scope.
  • Make sure you set the $fa-font-size-base variable somewhere before you @import this extension.

Usage

.my-element
	+fa-icon(pencil)

Compilation

(no Rails or Compass hooks yet sorry)
sass -r font-awesome-sass-mixins my/sass/dir/styles.sass

Current Feature

  • Basic icon inclusion

Future Feature

  • Convenience parameters for controlling attributes like color, size etc...