<commit_before>// (C) Copyright 2014 Hewlett Packard Enterprise Development LP

.search {
  display: inline-block;

  &:focus {
    outline: none;
    margin: -1px;
    border: 1px solid $focus-border-color;
    box-shadow: 0 0 1px 1px $focus-border-color;
  }

  &--controlled {
    cursor: pointer;
  }

  &__input {
    margin-right: 0px;

    .header & {
      font-size: inherit;
    }
  }

  &__drop {
    @include inuit-font-size($inuit-heading-size-4, inherit);

    @include media-query(palm) {
      max-width: 100%;
      width: 100vw;
    }

    &--inline {
      margin-left: -1px;

      .search__drop-contents {
        display: block;
      }
    }

    &--controlled {
      .search__drop-contents {
        display: inline-block;
      }
    }

    input {
      margin-right: 0px;
      box-sizing: border-box;
      width: 100%;

      @include media-query(palm) {
        width: calc(100vw - #{round($inuit-base-spacing-unit * 3)});
      }
    }

    &-control {
      vertical-align: top;
      height: double($inuit-base-spacing-unit);
    }

    .search__suggestion {
      padding: quarter($inuit-base-spacing-unit) $inuit-base-spacing-unit;
      cursor: pointer;

      &:hover,
      &--active {
        background-color: $hover-background-color;
      }
    }

    &--large {
      line-height: quadruple($inuit-base-spacing-unit);
    }
  }

  &--inline {
    position: relative;

    .search__input {
      width: 100%;
      box-sizing:  border-box;
      padding-right: (double($inuit-base-spacing-unit) - $input-border-width);

      &:focus {
        padding-right: (double($inuit-base-spacing-unit) - ($input-border-width + 1));
      }

      html.rtl & {
        padding-right: ($inuit-base-spacing-unit - $input-border-width);
        padding-left: (double($inuit-base-spacing-unit) - $input-border-width);

        &:focus {
          padding-right: ($inuit-base-spacing-unit - ($input-border-width + 1));
          padding-left: (double($inuit-base-spacing-unit) - ($input-border-width + 1));
        }
      }

      .header &:not(:focus) {
        border-color: transparent;
      }
    }

    .control-icon-search {
      position: absolute;
      right: halve($inuit-base-spacing-unit);
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;

      html.rtl & {
        right: auto;
        left: halve($inuit-base-spacing-unit);
      }
    }
  }

  &--small {
    line-height: $inuit-base-spacing-unit;

    .search__input {
      @include inuit-font-size($label-font-size, $label-font-size);
      padding: (halve($inuit-base-spacing-unit - $label-font-size) - $input-border-width)
        ($label-font-size - $input-border-width);
      padding-right: ($inuit-base-spacing-unit - $input-border-width);

      &:focus {
        padding: (halve($inuit-base-spacing-unit - $label-font-size) - $input-focus-border-width)
          ($label-font-size - $input-focus-border-width);
        padding-right: ($inuit-base-spacing-unit - $input-focus-border-width);
      }
    }

    .control-icon-search {
      height: halve($inuit-base-spacing-unit);
      width: halve($inuit-base-spacing-unit);
    }
  }

  &--large {
    .search__input {
      @include inuit-font-size($large-input-font-size, double($inuit-base-spacing-unit));
      padding: halve($inuit-base-spacing-unit) ($inuit-base-spacing-unit);
      padding-right: ($inuit-base-spacing-unit * 3);
      line-height: normal;
<commit_msg>using inuit mixin to set line-height to normal (otherwise there's too much space between placeholder and top and bottom of large search bar)<commit_after>// (C) Copyright 2014 Hewlett Packard Enterprise Development LP

.search {
  display: inline-block;

  &:focus {
    outline: none;
    margin: -1px;
    border: 1px solid $focus-border-color;
    box-shadow: 0 0 1px 1px $focus-border-color;
  }

  &--controlled {
    cursor: pointer;
  }

  &__input {
    margin-right: 0px;

    .header & {
      font-size: inherit;
    }
  }

  &__drop {
    @include inuit-font-size($inuit-heading-size-4, inherit);

    @include media-query(palm) {
      max-width: 100%;
      width: 100vw;
    }

    &--inline {
      margin-left: -1px;

      .search__drop-contents {
        display: block;
      }
    }

    &--controlled {
      .search__drop-contents {
        display: inline-block;
      }
    }

    input {
      margin-right: 0px;
      box-sizing: border-box;
      width: 100%;

      @include media-query(palm) {
        width: calc(100vw - #{round($inuit-base-spacing-unit * 3)});
      }
    }

    &-control {
      vertical-align: top;
      height: double($inuit-base-spacing-unit);
    }

    .search__suggestion {
      padding: quarter($inuit-base-spacing-unit) $inuit-base-spacing-unit;
      cursor: pointer;

      &:hover,
      &--active {
        background-color: $hover-background-color;
      }
    }

    &--large {
      line-height: quadruple($inuit-base-spacing-unit);
    }
  }

  &--inline {
    position: relative;

    .search__input {
      width: 100%;
      box-sizing:  border-box;
      padding-right: (double($inuit-base-spacing-unit) - $input-border-width);

      &:focus {
        padding-right: (double($inuit-base-spacing-unit) - ($input-border-width + 1));
      }

      html.rtl & {
        padding-right: ($inuit-base-spacing-unit - $input-border-width);
        padding-left: (double($inuit-base-spacing-unit) - $input-border-width);

        &:focus {
          padding-right: ($inuit-base-spacing-unit - ($input-border-width + 1));
          padding-left: (double($inuit-base-spacing-unit) - ($input-border-width + 1));
        }
      }

      .header &:not(:focus) {
        border-color: transparent;
      }
    }

    .control-icon-search {
      position: absolute;
      right: halve($inuit-base-spacing-unit);
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;

      html.rtl & {
        right: auto;
        left: halve($inuit-base-spacing-unit);
      }
    }
  }

  &--small {
    line-height: $inuit-base-spacing-unit;

    .search__input {
      @include inuit-font-size($label-font-size, $label-font-size);
      padding: (halve($inuit-base-spacing-unit - $label-font-size) - $input-border-width)
        ($label-font-size - $input-border-width);
      padding-right: ($inuit-base-spacing-unit - $input-border-width);

      &:focus {
        padding: (halve($inuit-base-spacing-unit - $label-font-size) - $input-focus-border-width)
          ($label-font-size - $input-focus-border-width);
        padding-right: ($inuit-base-spacing-unit - $input-focus-border-width);
      }
    }

    .control-icon-search {
      height: halve($inuit-base-spacing-unit);
      width: halve($inuit-base-spacing-unit);
    }
  }

  &--large {
    .search__input {
      @include inuit-font-size($large-input-font-size, normal);
      padding: halve($inuit-base-spacing-unit) ($inuit-base-spacing-unit);
      padding-right: ($inuit-base-spacing-unit * 3);

{'fraction_non_alphanumeric': 0.15919474585950885, 'fraction_numerical': 0.010850942318675044, 'mean_word_length': 2.1328264758497317, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5314129', 'n_tokens_mistral': 2528, 'n_tokens_neox': 2339, 'n_words': 386}