<commit_before>// Hide navmenu and selected items on larger viewports
.navmenu--mobile,
.navbar-item--mobile {
  @media (min-width: @grid-float-breakpoint-max) {
    display: none!important;
  }  
}
// Hide selected navbar navs and items on smaller viewports
.navbar-nav--desktop,
.navbar-item--desktop {
  @media (max-width: @grid-float-breakpoint-max) {
    display: none!important;
  }
}

// Apply flex display to the navbar container elements and its children on larger viewports
@media (min-width: @grid-float-breakpoint-max) {
  .navbar-flex {
    [class^="container"] {
      // display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      // Flex the search component to fill the available space
      oc-product-search {
        display: flex;
        flex: 1;
        .c-productsearch {
          position: relative;
          display: flex;
          flex: 1;
          .form-group {
            display: flex;
            flex: 1;
            // Flex all the way down to the input to get it to fill the available space
            .input-group {
              display: flex;
              flex: 1;
            }
          }
        }
        // Typeahead results will inherit the width of the element they are appended to; add a min-width for smaller viewports where the input is not as wide
        .c-typeahead__results {
          .dropdown-menu {
            min-width: 20em;
          }
        }
      }
    }
  }
}<commit_msg>design: uncomment out necessary code<commit_after>// Hide navmenu and selected items on larger viewports
.navmenu--mobile,
.navbar-item--mobile {
  @media (min-width: @grid-float-breakpoint-max) {
    display: none!important;
  }  
}
// Hide selected navbar navs and items on smaller viewports
.navbar-nav--desktop,
.navbar-item--desktop {
  @media (max-width: @grid-float-breakpoint-max) {
    display: none!important;
  }
}

// Apply flex display to the navbar container elements and its children on larger viewports
@media (min-width: @grid-float-breakpoint-max) {
  .navbar-flex {
    [class^="container"] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      // Flex the search component to fill the available space
      oc-product-search {
        display: flex;
        flex: 1;
        .c-productsearch {
          position: relative;
          display: flex;
          flex: 1;
          .form-group {
            display: flex;
            flex: 1;
            // Flex all the way down to the input to get it to fill the available space
            .input-group {
              display: flex;
              flex: 1;
            }
          }
        }
        // Typeahead results will inherit the width of the element they are appended to; add a min-width for smaller viewports where the input is not as wide
        .c-typeahead__results {
          .dropdown-menu {
            min-width: 20em;
          }
        }
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.09795221843003413, 'fraction_numerical': 0.004095563139931741, 'mean_word_length': 1.829150579150579, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4214035', 'n_tokens_mistral': 862, 'n_tokens_neox': 822, 'n_words': 272}