Remove deprecated navbar and header

sass/base/generic.sass

@@ -56,7 +56,7 @@ code
 
 hr
   border-top-color: $border
-  margin: 20px 0
+  margin: 40px 0
 
 img
   max-width: 100%

sass/components/nav.sass

@@ -64,6 +64,8 @@ a.nav-item
       padding: 10px
     &.is-active
       display: block
+  +tablet-only
+    padding-right: 20px
 
 .nav-left
   align-items: stretch
@@ -122,3 +124,10 @@ a.nav-item
   // Modifiers
   &.has-shadow
     box-shadow: 0 2px 3px rgba($black, 0.1)
+  // Responsiveness
+  +touch
+    & > .container,
+    .container > &
+      & > .nav-left
+        & > .nav-item.is-brand:first-child
+          padding-left: 20px

sass/components/navbar.sass

@@ -1,57 +0,0 @@
-.navbar-item
-  .title,
-  .subtitle
-    margin-bottom: 0
-  // Responsiveness
-  +mobile
-    &:not(:last-child)
-      margin-bottom: 10px
-
-.navbar-left,
-.navbar-right
-  .navbar-item
-    &:not(:last-child)
-      margin-right: 10px
-    // Modifiers
-    &.is-flexible
-      flex-grow: 1
-
-.navbar-left
-  // Responsiveness
-  +mobile
-    & + .navbar-right
-      margin-top: 20px
-  +tablet
-    align-items: center
-    display: flex
-
-.navbar-right
-  // Responsiveness
-  +tablet
-    align-items: center
-    display: flex
-    justify-content: flex-end
-
-.navbar
-  @extend .block
-  align-items: center
-  justify-content: space-between
-  code
-    border-radius: $radius
-  img
-    display: inline-block
-    vertical-align: top
-  // Modifiers
-  &.is-mobile
-    display: flex
-    & > .navbar-item
-      &:not(:last-child)
-        margin-bottom: 0
-      &:not(.is-narrow)
-        flex-grow: 1
-  // Responsiveness
-  +tablet
-    display: flex
-    & > .navbar-item
-      &:not(.is-narrow)
-        flex-grow: 1

sass/layout/header.sass

@@ -1,158 +0,0 @@
-$header-height: 50px !default
-
-.header
-  +clearfix
-  background-color: $white
-  display: flex
-  line-height: 24px
-  min-height: $header-height
-  position: relative
-  text-align: center
-  z-index: 2
-  .container
-    align-items: stretch
-    display: flex
-    min-height: $header-height
-    width: 100%
-  // Modifiers
-  &.has-shadow
-    box-shadow: 0 2px 3px rgba($black, 0.1)
-  // Responsiveness
-  +mobile
-    .container
-      flex-direction: column
-  +tablet
-    height: $header-height
-
-.header-toggle
-  @extend .hamburger
-  position: absolute
-  right: 0
-  top: 0
-  // Responsiveness
-  +tablet
-    display: none
-
-// Elements
-
-.header-item
-  align-items: center
-  display: flex
-  padding: 10px
-  a
-    flex-grow: 1
-  img
-    max-height: 24px
-  .button + .button
-    margin-left: 10px
-  .fa
-    font-size: 21px
-    line-height: 24px
-  .tag
-    &:first-child
-      margin-right: 5px
-    &:last-child
-      margin-left: 5px
-  // Responsiveness
-  +mobile
-    text-align: left
-
-.header-item a,
-a.header-item
-  color: $text
-  &:hover
-    color: $link-hover
-  // Modifiers
-  &.is-active
-    color: $link-active
-
-.header-tab
-  align-items: center
-  border-bottom: 1px solid transparent
-  color: $text
-  display: block
-  height: $header-height
-  line-height: 24px
-  padding: 13px 15px
-  &:hover
-    border-bottom: 1px solid $link
-  // Modifiers
-  &.is-active
-    border-bottom: 3px solid $link
-    color: $link
-
-// Containers
-
-.header-left
-  align-items: stretch
-  display: flex
-  flex-grow: 1
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  // Responsiveness
-  +mobile
-    height: $header-height
-  +desktop
-    margin-left: -10px
-
-.header-right
-  align-items: stretch
-  // Responsiveness
-  +tablet
-    display: flex
-  +desktop
-    margin-right: -10px
-
-.header-full
-  align-items: stretch
-  display: flex
-  justify-content: center
-  text-align: center
-  width: 100%
-  & > .header-item
-    align-items: stretch
-    display: flex
-    flex-grow: 1
-    justify-content: center
-    padding: 0
-    & > a
-      align-items: center
-      display: flex
-      justify-content: center
-      width: 100%
-
-.header-menu
-  // Responsiveness
-  +mobile
-    box-shadow: 0 4px 7px rgba($black, 0.1)
-    display: none
-    .header-item
-      border-top: 1px solid rgba($border, 0.5)
-      padding: 10px
-    // Modifiers
-    &.is-active
-      display: block
-
-// States
-
-.header.is-centered
-  justify-content: center
-  .header-left,
-  .header-right
-    justify-content: center
-
-.header.is-small
-  background-color: $background
-  box-shadow: none
-  height: 40px
-  z-index: 1
-  .container
-    height: 40px
-  .header-tab
-    font-size: 13px
-    height: 40px
-    padding: 8px 10px
-    &:hover,
-    &.is-active
-      border-bottom-width: 2px