<commit_before>.twitter-typeahead, .tt-dropdown-menu, .tt-hint {
  width: 220px;
}
span.twitter-typeahead {
  width: 100%;

  .tt-menu {
    &:extend(.dropdown-menu);
  }

  .tt-dropdown-menu {
    &:extend(.dropdown-menu);
  }

  .tt-suggestion {
    &:extend(.dropdown-menu > li > a);
    &:hover,
    &:focus {
      &:extend(.dropdown-menu > .active > a);
    }
  }

  .tt-suggestion.tt-cursor {
    &:extend(.dropdown-menu > .active > a);
  }

  .input-group & {
    display: block !important;
    .tt-dropdown-menu {
      top:32px !important;
    }
  }
  .input-group.input-group-lg & {
    .tt-dropdown-menu {
      top:44px !important;
    }
  }
  .input-group.input-group-sm & {
    .tt-dropdown-menu {
      top:28px !important;
    }
  }
  .header {
    font-weight: bold;
    background-color: #c8c8c8;
  }

  .tt-hint {
    color: #777777;
  }
}<commit_msg>search bar dropdown list style<commit_after>@phone: ~"only screen and (min-width: 130px) and (max-width: 619px)";
@tablet: ~"only screen and (min-width: 620px) and (max-width: 1099px)";

.twitter-typeahead, .tt-dropdown-menu, .tt-hint {
  width: 220px;
}
.tt-open {
  @media @phone {
    left: -150px !important;
    width: 320px !important;
  }
  @media @tablet {
    width: 380px !important;
  }
}
span.twitter-typeahead {
  width: 100%;

  .tt-menu {
    padding: 0;
    &:extend(.dropdown-menu);
  }

  .tt-dropdown-menu {
    &:extend(.dropdown-menu);
  }

  .tt-suggestion{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid rgba(210, 210, 210, .5);
    margin-bottom: 0 !important;
   -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

    @media @phone { 
      white-space : normal;
    }
    @media @tablet {
      white-space : normal;
    }
    &:extend(.dropdown-menu > li > a);
    &:hover,
    &:focus {
      &:extend(.dropdown-menu > .active > a);
    }
    &:last-child {
      border-bottom: none;
    }
  }

  .tt-suggestion.tt-cursor {
    &:extend(.dropdown-menu > .active > a);
  }

  .input-group & {
    display: block !important;
    .tt-dropdown-menu {
      top:32px !important;
    }
  }
  .input-group.input-group-lg & {
    .tt-dropdown-menu {
      top:44px !important;
    }
  }
  .input-group.input-group-sm & {
    .tt-dropdown-menu {
      top:28px !important;
    }
  }
  .header {
    color: white;
    text-align: center;
    font-weight: bold;
    font-family: Verdana;
    padding: 1%;
    background-color:#FFAC4A;
  }

  .tt-hint {
    color: #777777;
  }
}
{'fraction_non_alphanumeric': 0.17056986729117876, 'fraction_numerical': 0.03278688524590164, 'mean_word_length': 2.2238993710691823, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '5475824', 'n_tokens_mistral': 1078, 'n_tokens_neox': 974, 'n_words': 179}