<commit_before>@charset 'UTF-8';

// -----------------------------------------------------------------------------
// This file contains CSS classes for input, textarea and select fields.
// -----------------------------------------------------------------------------
#{$all-text-inputs} {
  background-color: transparent;
  border: 0;
  outline: none;

  // NOTE Override autcomplete banana yellow... the best i could.
  &:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px $comp-color inset !important;
    -webkit-text-fill-color: $white !important;
  }
}

@mixin input($back: $brand-color, $static: dynamic-color($back), $focus: rgba(dynamic-color($back), .64), $error: $comp-color, $ink: rgba(dynamic-color($back), .11), $ratio: $minor-seventh) {
  $alpha-major: .64;
  $alpha-minor: $alpha-major / $ratio;
  $alpha-faint: $alpha-major / 3 / $ratio;

  $tt: normal;

  position: relative;
  margin: 0;
  padding: 1rem 0 2px;

  .input__field {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 1.36rem);<commit_msg>autocomplete change color<commit_after>@charset 'UTF-8';

// -----------------------------------------------------------------------------
// This file contains CSS classes for input, textarea and select fields.
// -----------------------------------------------------------------------------
#{$all-text-inputs} {
  background-color: transparent;
  border: 0;
  outline: none;

  // NOTE Override autcomplete banana yellow... the best i could.
  &:-webkit-autofill {
    // -webkit-box-shadow: 0 0 0px 1000px $brand-color inset !important;
    -webkit-text-fill-color: $white !important;
    -webkit-box-shadow: inset 0 0 0px 1000px$brand-color, 0 1px rgba(0, 0, 0, .16)!important;
  }
}

@mixin input($back: $brand-color, $static: dynamic-color($back), $focus: rgba(dynamic-color($back), .64), $error: $comp-color, $ink: rgba(dynamic-color($back), .11), $ratio: $minor-seventh) {
  $alpha-major: .64;
  $alpha-minor: $alpha-major / $ratio;
  $alpha-faint: $alpha-major / 3 / $ratio;

  $tt: normal;

  position: relative;
  margin: 0;
  padding: 1rem 0 2px;

  .input__field {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 1.36rem);
{'fraction_non_alphanumeric': 0.2771551724137931, 'fraction_numerical': 0.03362068965517241, 'mean_word_length': 1.971830985915493, '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': '6526638', 'n_tokens_mistral': 816, 'n_tokens_neox': 713, 'n_words': 195}