filled-seven-rails

filled-seven-rails provides the Filled 7 web fonts and stylesheets as a Rails engine for use with the asset pipeline.

Add this to your Gemfile:

gem "filled-seven-rails"

and run bundle install.

In your application.css, include the css file:

/*
 *= require filled-seven
 */

Optionally, you can include filled-seven-helper css file:

/*
 *= require filled-seven-helper
 */

Important: if you already use font-awesome (FA) icon font in your website, you might want to use the FA classes instead.

Then restart your webserver if it was previously running.

Congrats! You now have scalable vector icon support. Pick an icon and check out the FilledSeven Examples.

If you prefer SCSS, add this to your application.css.scss file:

@import "filled-seven";

If you use the Sass indented syntax, add this to your application.css.sass file:

@import filled-seven

There are also some helpers (f7_icon) that make your views icontastic!

f7_icon "album"
# => <i class="pe-7f-album"></i>

f7_icon "female", text: "Take a selfie"
# => <i class="pe-7f-female"></i> Take a selfie

content_tag(:li, f7_icon("male", text: "Bulleted list item"))
# => <li><i class="pe-7f-male"></i> Bulleted list item</li>

When building a Rails engine that includes filled-seven-rails as a dependency, be sure to require "filled-seven-rails" somewhere during the intialization of your engine. Otherwise, Rails will not automatically pick up the load path of the filled-seven-rails assets and helpers.

It is sometimes the case that deploying a Rails application to a production environment requires the application to be hosted at a sub-folder on the server. This may be the case, for example, if Apache HTTPD or Nginx is being used as a front-end proxy server, with Rails handling only requests that come in to a sub-folder such as http://example.com/myrailsapp. In this case, the FilledSeven gem (and other asset-serving engines) needs to know the sub-folder, otherwise you can experience a problem roughly described as "my app works fine in development, but fails when I deploy it".

To fix this, set the relative URL root for the application. In the environment file for the deployed version of the app, for example config/environments/production.rb, set the config option action_controller.relative_url_root:

MyApp::Application.configure do
  ...

  # set the relative root, because we're deploying to /myrailsapp
  config.action_controller.relative_url_root  = "/myrailsapp"

  ...
end

The default value of this variable is taken from ENV['RAILS_RELATIVE_URL_ROOT'], so configuring the environment to define RAILS_RELATIVE_URL_ROOT is an alternative strategy.

Note: In Rails 3.2, make sure filled-seven-rails is outside the bundler asset group so that these helpers are automatically loaded in production environments.

Versioning follows the core releases of Filled 7 which follows Semantic Versioning 2.0 as defined at http://semver.org. We will do our best not to make any breaking changes until Filled 7 core makes a major version bump.

• The Filled 7 font is licensed under the SIL Open Font License.
• Filled 7 CSS files are licensed under the MIT License.
• The remainder of the filled-seven-rails project is licensed under the MIT License.