// All HTML5 input types, with irrelevant ones commented out.
// input[type="button"],
// input[type="checkbox"],
// input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
// input[type="hidden"],
// input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
// input[type="radio"],
// input[type="range"],
// input[type="reset"],
input[type="search"],
// input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  @include input-base();
  @apply w-body-text-large;
  width: 100%;
  padding: theme('spacing.[1.5]') theme('spacing.5');
  min-height: $text-input-height;
}

// Multiline text fields have larger top-bottom padding.
textarea {
  padding: theme('spacing.5');
}

// Make non-text field types with custom widgets have a smaller width.
.w-field--date_field,
.w-field--date_time_field,
.w-field--time_field {
  input {
    width: auto;
  }
}