Basic outline of navigation component

_navigation.scss

/*

## Navigation

*/

nav,
.nav {
  ul,
  ol,
  li {
    padding: 0;
    list-style: none;
  }
}

/*

### Nav Bar

```
<nav class="nav" role="navigation">
  <ul class="nav--bar">
    <li class="nav--bar__item"><a href="#" class="nav-bar__link">Get Involved</a></li>
    <li class="nav--bar__item"><a href="#" class="nav-bar__link">Donate</a></li>
    <li class="nav--bar__item"><a href="#" class="nav-bar__link">Contact</a></li>
  </ul>
</nav>
```

*/

.nav—-bar {
  [basic styles]
  .nav—-bar__item {
    [basic styles]
  }
  @include breakpoint($gte-medium) {
    [medium styles]
    .nav—-bar__item {
      [medium styles]
    }
  }
}