// Sass partial for “Table of Contents” navigation styles & overrides

// Common ToC styles shared by pre-2.3 static ToCs & dynamic ToCs // Select <nav> element based on new (Bootstrap 4) column classes

nav.col-lg-3 {

display: block;
padding-top: 10px;

ul {
  display: block;
}

li {
  display: block;
  position: relative;

  > a {
    display: block;
    margin: 0;
    padding: 3px 20px;

    @include hover-focus {
      @include border-radius($badge-border-radius);
      background-color: $gray-100;
      text-decoration: none;
    }
  }
}

.active > a {
  @include border-radius($badge-border-radius);
  background-color: $gray-200;
  color: $link-hover-color;
}

}

// Dynamic ToC (after v2.2.2)

@mixin controller($symbol) {

content: $symbol;
font-size: 0.5em;
opacity: 0.5;

}

nav {

.controller {
  cursor: pointer;
  display: inline-block;
  height: 1em;
  left: -0.8em;
  padding-left: 0;
  position: absolute;
  width: 1em;
}

ul {
  margin-left: 10px;
  padding-left: 0;
}

li {
  margin-left: 2px;

  > a {
    margin-left: -13px;
    padding-left: 13px;
    padding-right: 0;
  }

  &.active {
    > .controller::before {
      color: $link-hover-color;
    }
  }

  &.expanded {
    > .controller::before {
      @include controller('\25BC');
    }
  }

  &.collapsed {
    > .controller::before {
      @include controller('\25B6');
    }

    > ul {
      display: none;
    }
  }
}

}

// Pre-2.3 static ToCs

.bs-docs-sidenav li ul {

margin-left: 10px;

}

// Static page nav headers

.nav-header {

color: $gray-light;
font-weight: bold;
margin: 5px;

}