<commit_before>/*

FORMS
------------------------------------------- */

// Webkit Placeholder
::-webkit-input-placeholder {
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus::-webkit-input-placeholder {
  color: lighten($darkColor, 50%);
}

// Firefox 18
:-moz-placeholder { /* Firefox 18- */
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus:-moz-placeholder {
  color: lighten($darkColor, 50%);
}

// Firefox 19
::-moz-placeholder {  /* Firefox 19+ */
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus::-moz-placeholder {
  color: lighten($darkColor, 50%);
}

.site__search-form {
  input {
    border: 1px solid $borderColor;
    border-radius: 3px;
    color: $darkColor;
    font-size: .9rem;
    padding: rem-calc(10px);
    width: 100%;
    transition: .2s ease-in-out;
    &:focus {
      border-color: $linkColor;
    }
  }
}

.newsletter {
  border-bottom: 1px solid lighten($footer-color, 15%);
  margin-bottom: rem-calc(20px);
  padding-bottom: rem-calc(20px);
  h4 {
    margin: 0;
    text-transform: none;
    width: 100%;
  }
  form {
    display: flex;
  }
  input {
    background: none;
    border-bottom: 3px solid transparent;
    color: $darkColor;
    font-size: .95rem;
    padding: rem-calc(10px);
    width: 100%;
    transition: .2s ease-in-out;
    @extend %sans;
    &:focus {
      border-color: $linkColor;
    }
  }
  .button-group {
    display: flex;
    width: 20%;
    .button.button--primary {
      border-radius: 0 3px 3px 0;
      flex: 1 1 auto;
    }
  }

  .newsletter__inputs {
    background: white;
    border-radius: 3px 0 0 3px;
    display: flex;
    flex: 1 1 auto;
  }

  .form-group {
    flex: 1 1 auto;
  }
}


.newsletter__thankyou {
  &.js-submitted {
    background: lighten($linkColor, 40%);
    border: 1px solid lighten($linkColor, 20%);
    border-radius: 3px;
    padding: rem-calc(15px) rem-calc(8px);
    @extend %sans;
    p {
      font-size: 1rem;
    }
  }
}
<commit_msg>Fixing the focus on the form<commit_after>/*

FORMS
------------------------------------------- */

// Webkit Placeholder
::-webkit-input-placeholder {
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus::-webkit-input-placeholder {
  color: lighten($darkColor, 50%);
}

// Firefox 18
:-moz-placeholder { /* Firefox 18- */
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus:-moz-placeholder {
  color: lighten($darkColor, 50%);
}

// Firefox 19
::-moz-placeholder {  /* Firefox 19+ */
  color: lighten($darkColor, 20%);
  transition: all .2s ease;
}

input:focus::-moz-placeholder {
  color: lighten($darkColor, 50%);
}

.site__search-form {
  input {
    border: 1px solid $borderColor;
    border-radius: 3px;
    color: $darkColor;
    font-size: .9rem;
    padding: rem-calc(10px);
    width: 100%;
    transition: .2s ease-in-out;
    &:focus {
      border-color: $linkColor;
    }
  }
}

.newsletter {
  border-bottom: 1px solid lighten($footer-color, 15%);
  margin-bottom: rem-calc(20px);
  padding-bottom: rem-calc(20px);
  h4 {
    margin: 0;
    text-transform: none;
    width: 100%;
  }
  form {
    display: flex;
  }
  input {
    background: none;
    border-radius: 0;
    color: $darkColor;
    font-size: .95rem;
    line-height: 100%;
    padding: rem-calc(10px);
    width: 100%;
    transition: .2s ease-in-out;
    @extend %sans;
  }
  .button-group {
    display: flex;
    width: 20%;
    .button.button--primary {
      border-radius: 0 3px 3px 0;
      flex: 1 1 auto;
    }
  }

  .newsletter__inputs {
    background: white;
    border-radius: 3px 0 0 3px;
    display: flex;
    flex: 1 1 auto;
  }

  .form-group {
    flex: 1 1 auto;
  }
}


.newsletter__thankyou {
  &.js-submitted {
    background: lighten($linkColor, 40%);
    border: 1px solid lighten($linkColor, 20%);
    border-radius: 3px;
    padding: rem-calc(15px) rem-calc(8px);
    @extend %sans;
    p {
      font-size: 1rem;
    }
  }
}

{'fraction_non_alphanumeric': 0.17389138016940708, 'fraction_numerical': 0.0401096163428002, 'mean_word_length': 2.422847399829497, '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': '3298010', 'n_tokens_mistral': 1624, 'n_tokens_neox': 1452, 'n_words': 336}