raulghm / Font-Awesome-Stylus

Stylus port for font-awesome 4.7.0
https://github.com/raulghm/Font-Awesome-Stylus
GNU General Public License v2.0
78 stars 26 forks source link
css font font-awesome fontawesome icons stylus stylus-port

Font Awesome Stylus

Stylus Port for Font Awesome

Installation

Import font-awesome in your project and configure fonts path correctly ($fa-font-path)

Bower support

bower install font-awesome-stylus

NPM support

npm install font-awesome-stylus

Usage

Set font path

$fa-font-path = "../fonts"
// OR
$fa-font-path = "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"

Example of requiring and using font-awesome middleware to create compile function to utilize in other frameworks.

var fontAwesome = require('font-awesome-stylus'),
    stylus      = require('stylus');

function compile(str) {
  return stylus(str)
    .use(fontAwesome());
}

To import whole font-awesome in your stylus file:

@import "font-awesome-stylus"

Include icon using mixin

.my-icon
  fa(user)

Original source

http://fortawesome.github.io/Font-Awesome