$toc-background: #f2f2f2 !default;
$toc-padding: 24px !default;

.toc-list {
  list-style: none;
  background: $toc-background;
  margin: 0 0 24px 0;
  padding: $toc-padding;
}

.toc-item {

  &:not(:last-child) {
    margin-bottom: 12px;
  }

  &-1 {
    font-weight: bold;
  }

  &-2 {
    margin-left: 1em;
  }

  &-3 {
    margin-left: 2em;
  }

  &-4 {
    margin-left: 3em;
  }

  &-5 {
    margin-left: 4em;
  }

  &-6 {
    margin-left: 5em;
  }
}