npm install top-bar.css
<!DOCTYPE html><html><head>
...
<linkrel="stylesheet" href="path/to/top-bar.css">
...
</head><body>
...
<navclass="top-bar"><ahref="#" class="top-bar-title">site title</a><ahref="#" class="top-bar-link">some nav link</a><ahref="#" class="top-bar-link">another one</a><ahref="#" class="top-bar-link current-page">current page</a><divclass="top-bar-right"><ahref="#" class="top-bar-link">this one's on the right</a></div></nav>
...
</body></html>Everything is scoped to .top-bar.
Compatible with css-via-npm workflows.
You can also use this as a Sass library.
@import'../node_modules/top-bar.css/source/top-bar';You can set the font family like so:
$top-bar-family: 'Comic Sans';
@import'../node_modules/top-bar.css/source/top-bar';