<commit_before>// Table of contents anchored to the right of each page.

.docs-toc {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid $medium-gray;
  font-size: 1rem;

  &.is-stuck {
    padding-top: 100px;
  }

  @include breakpoint(large) {
    display: block !important;
    border-bottom: 0;
  }

  .menu > li > a {
    line-height: 1.5;
    padding: 0.45rem 1.5rem;
  }

  .active {
    background: $primary-color;
    color: white;
  }

  .menu .docs-nav-title {
    margin-top: 1rem;
    border-top: 0;
    padding-top: 0;
  }
}

.foundation-toc-ad-unit {
  > div {
    padding: 1rem;
//    border: 1px solid #cacaca;
    margin-bottom: 2rem;
  }
}

.docs-toc-wrap.is-fixed {
  position: fixed;
  max-width: 270px;
}

.docs-toc-wrap.is-docked {
  position: absolute;
  bottom: 0;
  max-width: 270px;
}


.ad-unit {
  max-width: 250px;
  padding: .5rem;
  border-top: 3px solid $primary-color;
  box-shadow: 0 2px 10px rgba(0,0,0,0.17);
  background-color: $white;
}

.ad-unit-title {
  padding: 10px 16px 5px 16px;
  text-align: center;
  color: darken($dark-gray,30%);
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'proxima nova', helvetica, arial;
  animation:  ad-title-anim 1.5s 1 ease;
  animation-fill-mode: backwards;
}<commit_msg>adds example links for flexbox grid<commit_after>// Table of contents anchored to the right of each page.

.docs-toc {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid $medium-gray;
  font-size: 1rem;



  @include breakpoint(large) {
    display: block !important;
    border-bottom: 0;
  }

  .menu > li > a {
    line-height: 1.5;
    padding: 0.45rem 1rem;
    font-size: 14px;
  }

  .active {
    background: $primary-color;
    color: white;
  }

  .menu .docs-nav-title {
    margin-top: 1rem;
    border-top: 0;
    padding-top: 0;
  }
}

.foundation-toc-ad-unit {
  > div {
    padding: 1rem;
//    border: 1px solid #cacaca;
    margin-bottom: 2rem;
  }
}

.docs-toc-wrap.fixed {
  position: fixed;
}


.ad-unit {
  max-width: 250px;
  padding: .5rem;
  border-top: 3px solid $primary-color;
  box-shadow: 0 2px 10px rgba(0,0,0,0.17);
  background-color: $white;
}

.ad-unit-title {
  padding: 10px 16px 5px 16px;
  text-align: center;
  color: darken($dark-gray,30%);
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'proxima nova', helvetica, arial;
  animation:  ad-title-anim 1.5s 1 ease;
  animation-fill-mode: backwards;
}
{'fraction_non_alphanumeric': 0.1483897268650632, 'fraction_numerical': 0.04280472890338361, 'mean_word_length': 2.712556732223903, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1623999', 'n_tokens_mistral': 1092, 'n_tokens_neox': 980, 'n_words': 229}