$sidenav-level-1-inset: 2;
$sidenav-level-2-inset: 4;
$sidenav-level-3-inset: 6;
$sidenav-level-4-inset: 8;

@mixin nav-list($type) {
  @include unstyled-list();

  @if $type == "sidenav" {
    &__item {
      border-top: units(1px) solid color("base-lighter");
    }
  }

  @if $type == "nav" {
    &-item {
      border-top: units(1px) solid color("base-lighter");
    }
  }

  a:not(.usa-button) {
    display: block;
    padding: units(1) units($sidenav-level-1-inset);
    text-decoration: none;

    &:hover {
      background-color: color("base-lightest");
      text-decoration: none;
    }
  }

  a:not(.usa-button):not(.usa-current) {
    color: color("base-dark");

    &:hover {
      color: color($theme-link-color);
    }

    &:focus {
      outline-offset: 0;
    }
  }

  .usa-current {
    @include add-bar(
      $theme-sidenav-current-border-width,
      $theme-link-color,
      "left",
      "pill",
      0.5,
      0.5
    );
    color: color($theme-link-color);
    font-weight: font-weight("bold");

    @include at-media("tablet") {
      @include add-bar(
        $theme-sidenav-current-border-width,
        $theme-link-color,
        "left",
        "pill",
        0,
        0.5
      );
    }
  }
}

@mixin nav-sublist {
  @include unstyled-list();
  margin: 0;

  &-item {
    border-top: units(1px) solid color("base-lighter");
    font-size: font-size($theme-sidenav-font-family, "2xs");
  }

  .usa-current {
    @include remove-bar;

    @include at-media("tablet") {
      @include remove-bar;
    }
  }

  // level 2+
  a:not(.usa-button) {
    padding-left: units($sidenav-level-2-inset);
  }

  // level 3+
  & & a:not(.usa-button) {
    padding-left: units($sidenav-level-3-inset);
  }

  // level 4+
  & & & a:not(.usa-button) {
    padding-left: units($sidenav-level-4-inset);
  }
}