Spectra Navbar

Responsive Navbar

by pbespechnyi

HTML

<link rel="stylesheet" href="https://picturepan2.github.io/spectre/dist/spectre.css">
<header class="navbar nav-default">
    <section class="navbar-section">
        <a href="#" class="btn btn-link btn-lg">
            <i class="icon icon-people"></i>
        </a>
        <a href="#" class="navbar-brand">Spectre.css</a>
    </section>
    <section class="navbar-section">
        <input type="text" class="form-input input-inline" placeholder="search" />
        <a href="#" class="btn btn-link">documents</a>
        <a href="#" class="btn btn-link">login</a>
        <a href="#" class="btn btn-primary">signup</a>
    </section>
</header>

CSS

.nav-default{
  background-color: #efefef;
  border-radius: 0.3rem;
  padding: 1rem;
}