Header

Sass module for the RightScale nav bar

Source
Version
Updated
8/7/2017

Install

npm install designkit-header --save

Dependencies

Examples

Default Header

Here’s our basic header used in all products

HTML

<header class="header-default header-skin sans">
  <div class="header-brand"><a href="/"><img src="https://cdn.rawgit.com/rightscale/design-kit/master/media/logos/gov-logo.svg" alt="RightScale Governance"/></a></div>
  <div class="header-nav">
    <nav><a href="/">Mark one</a><a href="/">Mark two</a><a href="/">Mark three</a></nav>
  </div>
</header>

Example