/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */

@import "../mixin";

@mixin utrecht-html-input {
  input:not([type]),
  input[type="date" i],
  input[type="datetime-local" i],
  input[type="email" i],
  input[type="month" i],
  input[type="number" i],
  input[type="password" i],
  input[type="search" i],
  input[type="tel" i],
  input[type="text" i],
  input[type="time" i],
  input[type="url" i],
  input[type="week" i] {
    @include utrecht-textbox;
    @include utrecht-textbox--html-input;
  }

  input[autocomplete~="current-password" i],
  input[autocomplete~="new-password" i],
  input[type="password" i] {
    @include utrecht-textbox--password;
  }

  input[autocomplete~="bday" i],
  input[autocomplete~="bday-day" i],
  input[autocomplete~="bday-month" i],
  input[autocomplete~="bday-year" i],
  input[autocomplete~="cc-csc" i],
  input[autocomplete~="cc-exp" i],
  input[autocomplete~="cc-exp-month" i],
  input[autocomplete~="cc-exp-year" i],
  input[autocomplete~="cc-number" i],
  input[autocomplete~="one-time-code" i],
  input[autocomplete~="postal-code" i],
  input[autocomplete~="tel" i],
  input[autocomplete~="tel-area-code" i],
  input[autocomplete~="tel-country-code" i],
  input[autocomplete~="tel-extension" i],
  input[autocomplete~="tel-local" i],
  input[autocomplete~="tel-national" i],
  input[autocomplete~="transaction-amount" i],
  input[inputmode="decimal" i],
  input[inputmode="numeric" i],
  input[inputmode="tel" i],
  input[type="number" i],
  input[type="tel" i] {
    @include utrecht-textbox--numeric;
  }

  input[inputmode="email" i],
  input[inputmode="url" i],
  input[type="email" i],
  input[type="url" i] {
    @include utrecht-textbox--url;
  }
}