<commit_before>/* =========================================================================
   cfgov-refresh
   nav-secondary
   ========================================================================= */

/* topdoc
  name: Secondary navigation
  family: cfgov-nav-secondary
  patterns:
    - name: Default example
      markup: |
        <nav class="nav-secondary">
            <button class="nav-secondary_button">
                Nav Button
            </button>
            <ul class="nav-secondary_list nav-secondary_list__parents">
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link" href="#">
                       Item 1
                    </a>
                </li>
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link
                              nav-secondary_link__current" href="#">
                       Item 2
                    </a>
                </li>
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link" href="#">
                       Item 3
                    </a>
                </li>
            </ul>
        </nav>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          .nav-secondary
            .nav-secondary_button
            .nav-secondary_list
              .nav-secondary_item
                .nav-secondary_link /
                .nav-secondary_link.nav-secondary_link__current
    - name: Current link modifier
      markup: |
        <a class="nav-secondary_link nav-secondary_link__current" href="#">
           Current nav link
        </a>
      codenotes:
        - ".nav-secondary_link__current"
      notes:
        - "Current links are hidden on small screens and the menu button is
           revealed."
        - "Current links have a left green border on all screens."
    - name: Secondary nav mixed with cf-expandable
      markup: |
        <nav class="nav-secondary expandable">
            <div class="expandable_header">
                <button class="expandable_target
                               nav-secondary_button">
                    <span class="expandable_header-left">
                        Nav Button
                    </span>
                    <span class="expandable_header-right">
                        <span class="expandable_cue-open">
                            <span class="cf-icon
                                         cf-icon-down"></span>
                        </span>
                        <span class="expandable_cue-close">
                            <span class="cf-icon
                                         cf-icon-up"></span>
                        </span>
                    </span>
                </button>
            </div>
            <div class="expandable_content">
                <ul class="nav-secondary_list">
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link" href="#">
                           Item 1
                        </a>
                    </li>
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link
                           nav-secondary_link__current" href="#">
                           Item 2
                        </a>
                    </li>
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link" href="#">
                           Item 3
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          .nav-secondary.expandable
            .expandable_header
              .expandable_target.nav-secondary_button
                .expandable_header-left
                .expandable_header-right
                  .expandable_cue-open
                    .cf-icon.cf-icon-down
                  .expandable_cue-close
                    .cf-icon.cf-icon-up
            .expandable_content
              .nav-secondary_list
                .nav-secondary_item
                  .nav-secondary_link /
                  .nav-secondary_link.nav-secondary_link__current
  tags:
    - cfgov-nav-secondary
*/

.nav-secondary {
    .webfont-regular();

    .respond-to-max(@bp-sm-max, {
        margin-bottom: unit(@grid_gutter-width / @base-font-size-px, em);

        background-color: @gray-10;
        border-top: 1px solid @gray-20;
        border-bottom: 1px solid @gray-20;
    });

    &_button {
        width: 100%;<commit_msg>Fixed code documentation for the secondary navigation<commit_after>/* =========================================================================
   cfgov-refresh
   nav-secondary
   ========================================================================= */

/* topdoc
  name: Secondary navigation
  family: cfgov-nav-secondary
  patterns:
    - name: Default example
      markup: |
        <nav class="nav-secondary">
            <button class="nav-secondary_button">
                Nav Button
            </button>
            <ul class="nav-secondary_list nav-secondary_list__parents">
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link" href="#">
                       Item 1
                    </a>
                </li>
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link
                              nav-secondary_link__current" href="#">
                       Item 2
                    </a>
                </li>
                <li class="nav-secondary_item nav-secondary_item__parent">
                    <a class="nav-secondary_link" href="#">
                       Item 3
                    </a>
                </li>
            </ul>
        </nav>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          .nav-secondary
            .nav-secondary_button
            .nav-secondary_list.nav-secondary_list__parents
              .nav-secondary_item.nav-secondary_list__parent
                .nav-secondary_link /
                .nav-secondary_link.nav-secondary_link__current
    - name: Current link modifier
      markup: |
        <a class="nav-secondary_link nav-secondary_link__current" href="#">
           Current nav link
        </a>
      codenotes:
        - ".nav-secondary_link__current"
      notes:
        - "Current links are hidden on small screens and the menu button is
           revealed."
        - "Current links have a left green border on all screens."
    - name: Secondary nav mixed with cf-expandable
      markup: |
        <nav class="nav-secondary expandable">
            <div class="expandable_header">
                <button class="expandable_target
                               nav-secondary_button">
                    <span class="expandable_header-left">
                        Nav Button
                    </span>
                    <span class="expandable_header-right">
                        <span class="expandable_cue-open">
                            <span class="cf-icon
                                         cf-icon-down"></span>
                        </span>
                        <span class="expandable_cue-close">
                            <span class="cf-icon
                                         cf-icon-up"></span>
                        </span>
                    </span>
                </button>
            </div>
            <div class="expandable_content">
                <ul class="nav-secondary_list nav-secondary_list__parents">
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link" href="#">
                           Item 1
                        </a>
                    </li>
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link
                           nav-secondary_link__current" href="#">
                           Item 2
                        </a>
                    </li>
                    <li class="nav-secondary_item nav-secondary_item__parent">
                        <a class="nav-secondary_link" href="#">
                           Item 3
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          .nav-secondary.expandable
            .expandable_header
              .expandable_target.nav-secondary_button
                .expandable_header-left
                .expandable_header-right
                  .expandable_cue-open
                    .cf-icon.cf-icon-down
                  .expandable_cue-close
                    .cf-icon.cf-icon-up
            .expandable_content
              .nav-secondary_list.nav-secondary_list__parents
                .nav-secondary_item.nav-secondary_list__parent
                  .nav-secondary_link /
                  .nav-secondary_link.nav-secondary_link__current
  tags:
    - cfgov-nav-secondary
*/

.nav-secondary {
    .webfont-regular();

    .respond-to-max(@bp-sm-max, {
        margin-bottom: unit(@grid_gutter-width / @base-font-size-px, em);

        background-color: @gray-10;
        border-top: 1px solid @gray-20;
        border-bottom: 1px solid @gray-20;
    });

    &_button {
        width: 100%;
{'fraction_non_alphanumeric': 0.13024528684370565, 'fraction_numerical': 0.0034461787958645854, 'mean_word_length': 1.1586086195580836, 'pattern_counts': {'":': 0, '<': 111, '<?xml version=': 0, '>': 111, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5701356', 'n_tokens_mistral': 2460, 'n_tokens_neox': 2277, 'n_words': 448}