Installation

Include Gem

Add these lines in your application's Gemfile:

gem 'sage', git: 'https://github.com/Kajabi/sage.git'
gem 'autoprefixer-rails'

And then execute:

$ bundle

Or install it yourself:

$ gem install sage_design_system

Update Routes

Mount Sage routes into your routes file:

mount Sage::Engine => "/sage"

Include Assets

Add these lines to your asset initializer: config/initializers/assets.rb

# Sage Design System Styles
Rails.application.config.assets.precompile += %w( sage.css )
Rails.application.config.assets.precompile += %w( sage_docs.css )

#Sage Design System Images
Rails.application.config.assets.precompile += %w( sage/sage.svg )

Include Styles

Import Sage styles in app/assets/stylesheets/application.scss:

@import "sage";