$toc-level: 6 !default;
$toc-margin: 24px 0 !default;
$toc-padding: 24px !default;
$toc-background: #f8f8f8 !default;
$toc-heading-margin: 8px 0 16px 0;
$toc-a-padding: 5px !default;

.toc{

  &-list{
    list-style: none;
    margin: 0;
    padding: 0;
  }

  &-item{
    a{
      // display: block;
      display: inline-block;
      padding: $toc-a-padding 0;
      text-decoration: none;
    }
    $selector: &;

    @for $i from 2 through $toc-level {
      &-#{$i}{
        margin-left: $i  - 1em;
      }
    }
  }
}