simpleweb/less-rails-fontawesome

Name: less-rails-fontawesome

Owner: Simpleweb

Description: Font Awesome, LESS version, with assets pipeline, for Rails 3.1+ Asset Pipeline

Created: 2012-03-23 09:20:26.0

Updated: 2013-02-09 16:46:38.0

Pushed: 2012-08-30 14:36:25.0

Homepage: http://tao.inf.ug.edu.pl

Size: 394

Language: Ruby

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Font Awesome + Less + Rails 3.2+ Asset Pipeline

With LESS and fonts from Font Awesome, less-rails-fontawesome is a gem to integrate Font Awesome to your Rails 3.2+ application.

Installation

Add the gem to your assets group in the Gemfile:

gem 'less-rails-fontawesome', :group => :assets

Then in your app/assets/stylesheets/application.css.less:

@import 'fontawesome';

You can also use it with the less-rails-bootstrap gem. Just import fontawesome right after twitter/bootstrap:

@import 'twitter/bootstrap';
@import 'fontawesome';

(simple demo)

Helper methods

To place Font Awesome icon add i element and set its class attribute to a icon name, for example:

<i class="icon-trash"></i>

To ease placing Font Awesome icons in Rails link_to helper, I defined in application_helper.rb the ilink_to helper method. For example, to place the icon-upload-alt icon next to Edit write something like:

<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %>

to place icon-trash next to text Destroy button write:

<%= ilink_to "trash", "Destroy", post, confirm: 'Are you sure?', method: :delete, class: 'btn btn-mini btn-danger'%>

or somthing like that:

<%= ilink_to 'book', 'New Fortune', new_fortune_path, class: 'btn btn-primary'%>

The idea is to precede the link text with the icon name stripped off icon- prefix.

License

The font and LESS from Font Awesome are under CC-BY-3.0.

Others are under MIT license.