No commit activity in last 3 years
No release in over 3 years
Foundation icon font for SASS.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

Runtime

~> 3
 Project Readme

FoundationIcons::Sass

Foundation icons for your SASS project!

This gem is based heavily on the FontAwesome SASS gem, especially the rails engine, helper and railtie which are pretty much just straight up forked from there.

Installation

Add this line to your application's Gemfile:

gem 'foundation-icons-sass'

And then execute:

$ bundle

Or install it yourself as:

$ gem install foundation-icons-sass

Usage

If you use Rails add this to e.g. application.css.scss:

*= require foundation-icons

With Compass, just do:

@import foundation-icons

With Jekyll, you can use it with jekyll-assets by putting this in your _plugins/ext.rb:

require 'jekyll-assets/foundation-icons'

and then this in your whatever.sass:

@import foundation-icons

Then you can use the icons as such:

<i class="fi-social-github"></i>

Rails Helper usage

In your view:

icon('flag')
# => <i class="fi-flag"></i>
icon('flag', '', class: 'strong')
# => <i class="fi-flag strong"></i>
icon('flag', 'Foundation Icon', id: 'my-icon', class: 'strong')
# => <i id="my-icon" class="fi-flag strong"></i> Font Awesome

Note: the icon helper can take a hash of options that will be passed to the content_tag helper.

Contributing

  1. Fork it ( https://github.com/lilycode/foundation-icons-sass/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request