.mobile-nav {
  @extend .unstyled-list;
  display: none;
}

.mobile-nav__item {
  @extend %type-navigation;
  float: left;
  margin: $baseline-unit*1.5 $baseline-unit $baseline-unit*1.5 0;
  border-radius: $baseline-unit/2;
  background-color: $color-green-tertiary;
}

.mobile-nav__link {
  @extend %link-nav-primary;
  padding: $baseline-unit*2;
  display: block;
}

.mobile-nav__link--search {
  padding: 12px 9px 8px 13px;
  &.is-on {
    &:before {
      position: absolute;
      bottom: 2px;
      right: 20px;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 7px 0 7px;
      border-color: $color-green-tertiary transparent transparent transparent;
    }
  }
}

.mobile-nav__link--menu.is-on {
  &:before {
    position: absolute;
    bottom: 2px;
    left: 24px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: $color-green-tertiary transparent transparent transparent;
  }
}

.mobile-nav {
  @extend .unstyled-list;
  display: none;
}

.mobile-nav__item {
  @extend %type-navigation;
  float: left;
  margin: $baseline-unit*1.5 $baseline-unit $baseline-unit*1.5 0;
  border-radius: $baseline-unit/2;
  background-color: $color-green-tertiary;
}

.mobile-nav__link {
  @extend %link-nav-primary;
  padding: $baseline-unit*2;
  display: block;
}

.mobile-nav__link--search {
  padding: 12px 9px 8px 12px;
  &.is-on {
    &:before {
      position: absolute;
      bottom: 2px;
      right: 20px;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 7px 0 7px;
      border-color: $color-green-tertiary transparent transparent transparent;
    }
  }
}

.mobile-nav__link--menu.is-on {
  &:before {
    position: absolute;
    bottom: 2px;
    left: 24px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: $color-green-tertiary transparent transparent transparent;
  }
}

Adjust padding for the search icon (requires bower update)
Adjust padding for the search icon (requires bower update)
