<commit_before>/* EYELIDS COMPONENT */

@import 'input_scanner-config';

@include c($c-input-scanner-name) {

  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 480px;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  @media only screen and (min-width: 600px) {
    -webkit-flex-direction:  row;
    -ms-flex-direction:  row;
    flex-direction:  row;
    box-sizing: border-box;
  }

  @include e('inputContainer') {
    position: relative;
    margin: 10px;
    width: 200px;
    overflow: visible;
    z-index: 1;
    box-sizing: border-box;
  }
  @include e('submitContainer') {
        position: relative;
    margin: 10px;
    width: 200px;
    overflow: visible;
    z-index: 1;
    box-sizing: border-box;
  }

  @include e('input') {
    background-color: get-color('secondary');
    color: white;
    width: 200px;
    padding: 14px;
    font-size: 1.1rem;
    height: 50px;
    border-radius: 4px;
    border: none;
    line-height: 0;
    font-weight: 200;
    &:focus{
      outline: none; 
      border: none;
    }
    &:placeholder{
    color: lightgray; 
    line-height: 1;
    }
    $reference-selectorA: getBEMReference($c-input-scanner-name, 'cursor');
    &:valid ~ .#{$reference-selectorA} {
      border-color: lightgreen;
      
    }<commit_msg>Fix input placeholder text styling in input scanner<commit_after>/* EYELIDS COMPONENT */

@import 'input_scanner-config';

@include c($c-input-scanner-name) {

  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 480px;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  @media only screen and (min-width: 600px) {
    -webkit-flex-direction:  row;
    -ms-flex-direction:  row;
    flex-direction:  row;
    box-sizing: border-box;
  }

  @include e('inputContainer') {
    position: relative;
    margin: 10px;
    width: 200px;
    overflow: visible;
    z-index: 1;
    box-sizing: border-box;
  }
  @include e('submitContainer') {
        position: relative;
    margin: 10px;
    width: 200px;
    overflow: visible;
    z-index: 1;
    box-sizing: border-box;
  }

  @include e('input') {
    background-color: get-color('secondary');
    color: white;
    width: 200px;
    padding: 14px;
    font-size: 1.1rem;
    height: 50px;
    border-radius: 4px;
    border: none;
    line-height: 0;
    font-weight: 200;
    &:focus{
      outline: none; 
      border: none;
    }
    &::-webkit-input-placeholder {
      color: lightgray; 
      line-height: 1;
    }
    $reference-selectorA: getBEMReference($c-input-scanner-name, 'cursor');
    &:valid ~ .#{$reference-selectorA} {
      border-color: lightgreen;
      
    }
{'fraction_non_alphanumeric': 0.1411371237458194, 'fraction_numerical': 0.02274247491638796, 'mean_word_length': 2.486013986013986, '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': '1090692', 'n_tokens_mistral': 1132, 'n_tokens_neox': 1045, 'n_words': 235}