mirror of
https://github.com/wagtail/wagtail.git
synced 2024-12-01 03:31:04 +01:00
51 lines
1.1 KiB
SCSS
51 lines
1.1 KiB
SCSS
// 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');
|
|
}
|
|
|
|
// Disable resize handle on textareas with auto-sizing behaviour
|
|
.w-field__autosize {
|
|
resize: none;
|
|
}
|
|
|
|
// 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;
|
|
max-width: 100%;
|
|
}
|
|
}
|