2022-07-25 04:33:09 +02:00
|
|
|
// 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');
|
2022-07-25 16:20:19 +02:00
|
|
|
min-height: $text-input-height;
|
|
|
|
}
|
|
|
|
|
2022-08-08 09:40:50 +02:00
|
|
|
// Multiline text fields have larger top-bottom padding.
|
|
|
|
textarea {
|
|
|
|
padding: theme('spacing.5');
|
|
|
|
}
|
|
|
|
|
2022-07-25 16:20:19 +02:00
|
|
|
// 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;
|
|
|
|
}
|
2022-07-25 04:33:09 +02:00
|
|
|
}
|