fuelux-rails-sass

Gem Version Gem Downloads

Fuel UX for Rails asset pipeline

  • Modified for Sprockets' asset digests compatibility

  • Fuel UX version: 3.14.2

Installation

  1. Add to your Gemfile and install with bundler:
  gem 'fuelux-rails-sass'

  bundle install
  1. Add to your config/initializers/assets.rb in order to have the fonts for Fuel UX precompiled:
  Rails.application.config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/
  1. Require the modified Fuel UX javascript file in app/assets/javascripts/application.js:
  //= require fuelux

Or in app/assets/javascripts/application.js.coffee:

  #= require fuelux
  1. Require the modified Fuel UX css file in app/assets/stylesheets/application.css:
  *= require fuelux

Or in app/assets/javascripts/application.css.scss / app/assets/javascripts/application.css.sass:

  @import "fuelux";

  @import fuelux
  1. Add the fuelux class to a page wrapper (usually either <html> tag or <body> tag)
  <html class="fuelux">

Acknowledgements

Fuel UX created by Salesforce Marketing Cloud, Inc., licensed under the BSD-3 license

Copyright Gavin Lam, released under the MIT License.