<commit_before>/* API LIST STYLES */

aio-api-list {
  .api-filter {
    display: flex;
    margin: 0 auto;

    @media (max-width: 600px) {
      flex-direction: column;
      margin: 16px auto;
    }

    /* API FILTER MENU */
    aio-select {
      width: 200px;

      @media screen and (max-width: 600px) {
        width: 100%;
      }
    }

    .form-select-menu,
    .form-search {
      margin: 8px;

      @media screen and (max-width: 600px) {
        margin-left: 0;
      }
    }

    aio-select:first-child {
      .form-select-menu {
        margin-left: 0;
      }
    }

    .form-search {
      position: relative;
      float: left;

      input {
        box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
        box-sizing: border-box;
        border: 1px solid $white;
        border-radius: 4px;
        color: $darkgray;
        @include font-size(14);
        @include line-height(32);
        outline: none;
        padding: 4px 16px 4px 32px;
        transition: all .2s;
        width: 182px;

        @include placeholder {
          @include font-size(14);
          color: $mediumgray;
        }

        &:focus {
          border: 1px solid $blue-400;
          box-shadow: 0 2px 2px rgba($blue-400, 0.24), 0 0 2px rgba($blue-400, 0.12);
        }

        @media screen and (max-width: 600px) {
          width: 100%;
        }
      }

      .material-icons {
        color: $blue-grey-600;
        @include font-size(20);
        left: 8px;
        pointer-events: none;
        position: absolute;
        top: 12px;
        width: 20px;
        z-index: $layer-1;
      }
    }

    /* API SEARCH ICON */
    .material-icons {
      right: 48px;
    }
  }

  /* LAYOUT */

  .api-list-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1100px;
    padding: 16px 16px 16px 0;
    position: relative;

    @media handheld and (max-width: $phone-breakpoint),
    screen and (max-device-width: $phone-breakpoint),
    screen and (max-width: $tablet-breakpoint) {
      padding: 24px 0 0;
    }

    h2 {
      margin-top: 16px;
      margin-bottom: 16px;
    }

    /* API CLASS LIST */
    .api-list {
      list-style: none;
      margin: 0 0 32px -8px;
      padding: 0;
      overflow: hidden;

      @media screen and (max-width: 600px) {
        margin: 0 0 0 -8px;
      }

      li {
        @include font-size(14);
        margin: 8px 0;
        @include line-height(14);
        padding: 0;
        float: left;
        width: 33%;
        overflow: hidden;
        min-width: 220px;
        text-overflow: ellipsis;
        white-space: nowrap;

        a {
          color: $blue-grey-600;
          display: inline-block;
          @include line-height(16);
          padding: 0 16px 0;
          text-decoration: none;
          transition: all .3s;
          overflow: hidden;
          text-overflow: ellipsis;<commit_msg>fix(docs-infra): show ellipsis when text overflows in API list items (#41051)<commit_after>/* API LIST STYLES */

aio-api-list {
  .api-filter {
    display: flex;
    margin: 0 auto;

    @media (max-width: 600px) {
      flex-direction: column;
      margin: 16px auto;
    }

    /* API FILTER MENU */
    aio-select {
      width: 200px;

      @media screen and (max-width: 600px) {
        width: 100%;
      }
    }

    .form-select-menu,
    .form-search {
      margin: 8px;

      @media screen and (max-width: 600px) {
        margin-left: 0;
      }
    }

    aio-select:first-child {
      .form-select-menu {
        margin-left: 0;
      }
    }

    .form-search {
      position: relative;
      float: left;

      input {
        box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
        box-sizing: border-box;
        border: 1px solid $white;
        border-radius: 4px;
        color: $darkgray;
        @include font-size(14);
        @include line-height(32);
        outline: none;
        padding: 4px 16px 4px 32px;
        transition: all .2s;
        width: 182px;

        @include placeholder {
          @include font-size(14);
          color: $mediumgray;
        }

        &:focus {
          border: 1px solid $blue-400;
          box-shadow: 0 2px 2px rgba($blue-400, 0.24), 0 0 2px rgba($blue-400, 0.12);
        }

        @media screen and (max-width: 600px) {
          width: 100%;
        }
      }

      .material-icons {
        color: $blue-grey-600;
        @include font-size(20);
        left: 8px;
        pointer-events: none;
        position: absolute;
        top: 12px;
        width: 20px;
        z-index: $layer-1;
      }
    }

    /* API SEARCH ICON */
    .material-icons {
      right: 48px;
    }
  }

  /* LAYOUT */

  .api-list-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1100px;
    padding: 16px 16px 16px 0;
    position: relative;

    @media handheld and (max-width: $phone-breakpoint),
    screen and (max-device-width: $phone-breakpoint),
    screen and (max-width: $tablet-breakpoint) {
      padding: 24px 0 0;
    }

    h2 {
      margin-top: 16px;
      margin-bottom: 16px;
    }

    /* API CLASS LIST */
    .api-list {
      list-style: none;
      margin: 0 0 32px -8px;
      padding: 0;
      overflow: hidden;

      @media screen and (max-width: 600px) {
        margin: 0 0 0 -8px;
      }

      li {
        @include font-size(14);
        margin: 8px 0;
        @include line-height(14);
        padding: 0;
        float: left;
        width: 33%;
        overflow: hidden;
        min-width: 220px;
        text-overflow: ellipsis;
        white-space: nowrap;

        a {
          color: $blue-grey-600;
          @include line-height(16);
          padding: 0 16px;
          text-decoration: none;
          transition: all .3s;
{'fraction_non_alphanumeric': 0.12457162440027417, 'fraction_numerical': 0.05140507196710076, 'mean_word_length': 1.5544857768052516, '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': '7377042', 'n_tokens_mistral': 2260, 'n_tokens_neox': 1932, 'n_words': 500}