Fuji

Fuji is a ruby gem for rendering and styling Heroku's global header and nav.

Its only dependencies are Sass and Compass, so you can use it with Rails or Sinatra.

Usage

Add fuji to your application's Gemfile:

gem 'fuji'

<%= Fuji::Header.render %>

The render method accepts a hash of options with the following defaults:

{
  user: nil,                              # if present, show gravatar
  logo_text: "heroku",
  logo_subtext: nil,                      # e.g 'dashboard' or 'add-ons'
  logo_url: "https://www.heroku.com",
  gravatar_fallback_url: "http://assets.heroku.com.s3.amazonaws.com/addons.heroku.com/gravatar_default.png"
}

Style it up by importing the fuji partial into your Sass/SCSS stylesheet:

// Override the defaults as desired:
$fuji-foreground-color: #8B8BB2
$fuji-background-color: transparent

$fuji-max-width: 1032px
$fuji-horizontal-padding: 12px
$fuji-vertical-padding: 2em

$fuji-logo-text-color: $fuji-foreground-color
$fuji-logo-subtext-color: rgba($fuji-foreground-color, 0.6)

$fuji-link-color-inactive: #7C76B8
$fuji-link-color-active: #1B1B24

$fuji-link-background-color-inactive: transparent
$fuji-link-background-color-active: $fuji-link-color-inactive

$fuji-base-font-size: inherit
$fuji-logo-font-size: 1.71em

$fuji-border-radius: 3px

@import "fuji"

Contributing

See CONTRIBUTING.md.

License

MIT. Go nuts. See LICENSE.