.nav {
  overflow: auto;

  & > ul {
    overflow: auto;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

.nav__item {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--color-text-light);

  &:last-child {
    border: 0;
  }

  & > a {
    display: block;
    padding: 2em 0;
    text-decoration: none;

    &:hover {
      color: var(--color-text);
    }
  }
}

@media (--screen-medium) {
  .nav__item {
    display: inline-block;
    border: 0;
    margin-left: 1.7em;

    &:first-child {
      margin-left: 0;
    }

    & > a {
      padding: 1em 0;
      line-height: 1.9;
    }
  }
}

.nav {
  overflow: auto;

  & > ul {
    overflow: auto;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

.nav__item {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--color-text-light);

  &:last-child {
    border: 0;
  }

  & a {
    display: inline-block;
    padding: 2em 0;
    text-decoration: none;

    &:hover {
      color: var(--color-text);
    }
  }
}

@media (--screen-medium) {
  .nav__item {
    display: inline-block;
    border: 0;
    margin-left: 1.7em;

    &:first-child {
      margin-left: 0;
    }

    & > a {
      padding: 1em 0;
      line-height: 1.9;
    }
  }
}

Apply styles to all links inside navigation item
Apply styles to all links inside navigation item [skip ci]
