<commit_before>/* ==========================================================================
   Bread crumbs
   ========================================================================== */

/* Usage:
<nav class="breadcrumb-nav">
  <ul class="breadcrumb-nav__list">
    <li class="breadcrumb-nav__item"><a href=""> ... </a></li>
    <li class="breadcrumb-nav__item breadcrumb-nav__item--trail"></li>
  </ul>
</nav>
*/

.breadcrumb-nav {
  padding: em(10) 0 em(40) 0;
}

.breadcrumb-nav__item {
  @include copy-16();
  display: inline-block;
}

.breadcrumb-nav__item--trail {
  margin-left: $gutter/5;
  margin-right: $gutter/5;

  &:after {
    content: "›";
  }
}

.breadcrumb-nav--slim {
  padding-top: em(5);
  padding-bottom: em(10);

  .breadcrumb-nav__list {
    margin: 0;
  }

  .breadcrumb-nav__item {<commit_msg>component-library-documentation: breadcrumbs work<commit_after>/*
Breadcrumbs

The breadcrumb nav is styled using the `.breadcrumb-nav` selector. You can also have a *slimmer* version by adding
the `.breadcrumb-nav--slim` modifier.

Markup:
    <nav class="breadcrumb-nav {{modifier_class}}">
        <ul class="breadcrumb-nav__list">
                    <li class="breadcrumb-nav__item">
                      <a href="/component-library">Home</a>
                    </li>
                    <li class="breadcrumb-nav__item
                               breadcrumb-nav__item--trail"></li>
            <li class="breadcrumb-nav__item">Breadcrumbs</li>
        </ul>
    </nav>

.breadcrumb-nav--slim - A *slimmer* version of the breadcrumb with less `margin` and `padding`

Styleguide Breadcrumbs
*/


.breadcrumb-nav {
  padding: em(10) 0 em(40) 0;
}

.breadcrumb-nav__item {
  @include copy-16();
  display: inline-block;
}

.breadcrumb-nav__item--trail {
  margin-left: $gutter/5;
  margin-right: $gutter/5;

  &:after {
    content: "›";
  }
}

.breadcrumb-nav--slim {
  padding-top: em(5);
  padding-bottom: em(10);

  .breadcrumb-nav__list {
    margin: 0;
  }

  .breadcrumb-nav__item {
{'fraction_non_alphanumeric': 0.22299306243805747, 'fraction_numerical': 0.013875123885034688, 'mean_word_length': 2.943359375, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, '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': '3294182', 'n_tokens_mistral': 744, 'n_tokens_neox': 712, 'n_words': 130}