.nav-pills {
  .nav-link {
    margin: 0.1em;
    padding: 0.2em;
    font-weight: bold;
    color: #00f;

    &:hover {
      color: #f00;
      background-color: $bg-one;

      @include border-radius(0.3em);
    }

    img {
      margin-#{$right}: 0.1em;
      vertical-align: middle;
    }
  }

  .nav-link.active,
  .show > .nav-link {
    color: #00f;
    background-color: $bg-one;

    @include border-radius(0.3em);
  }
}