$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) {
  color: color("base-dark");
  display: block;
  padding: units(1) units($sidenav-level-1-inset);
  text-decoration: none;

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

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

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

  @include at-media("tablet") {
    @include add-bar(
      $theme-sidenav-current-border-width,
      "primary",
      "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) {
  content: "foobar";
  padding-left: units($sidenav-level-4-inset);
}

}