.toc {
  &-item, &-sub-item {
    @include font-size($base-font-size);
    margin: 0;
    border-bottom: 1px solid $gray-light;

    a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 3px 10px 5px 20px;
      background-color: rgba($gray, 0.1);
      border-bottom: 1px solid $gray-light;
    }
  }

  &-sub-item {
    border-bottom: none;

    a{
      background-color: transparent;
      padding-left: 30px;
      border-bottom: none;
    }
  }
}

.is-fixed {
  position: fixed;
  top: 0;
}

@include breakpoint(sm) {
  .is-fixed {
    width: calc(25% - 35px);
  }
}

@include breakpoint(lg) {
  .is-fixed {
    width: calc(16.66667% - 35px);
  }
}

section {
  padding-bottom: 20px;
  border-bottom: 1px solid $gray-light;
}

h2 {
  margin: 20px 0 10px 0;
}

h3, h4, h5, h6 {
  margin: 12px 0;
}