top-bar.css

A top bar navigation pattern.

Install

npm install top-bar.css

Usage

It's just a top bar. The top bar at the top of this site is one. Here is another.

<nav class="top-bar">
  <a href="#" class="top-bar-title">site title</a>
  <a href="#" class="top-bar-link">some nav link</a>
  <a href="#" class="top-bar-link">another one</a>
  <a href="#" class="top-bar-link current-page">current page</a>

  <div class="top-bar-right">
    <a href="#" class="top-bar-link">this one's on the right</a>
  </div>
</nav>

That's it!

License

ISC