_input-text.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // All HTML5 input types, with irrelevant ones commented out.
  2. // input[type="button"],
  3. // input[type="checkbox"],
  4. // input[type="color"],
  5. input[type="date"],
  6. input[type="datetime-local"],
  7. input[type="email"],
  8. input[type="file"],
  9. // input[type="hidden"],
  10. // input[type="image"],
  11. input[type="month"],
  12. input[type="number"],
  13. input[type="password"],
  14. // input[type="radio"],
  15. // input[type="range"],
  16. // input[type="reset"],
  17. input[type="search"],
  18. // input[type="submit"],
  19. input[type="tel"],
  20. input[type="text"],
  21. input[type="time"],
  22. input[type="url"],
  23. input[type="week"],
  24. textarea {
  25. @include input-base();
  26. @apply w-body-text-large;
  27. width: 100%;
  28. padding: theme('spacing.[1.5]') theme('spacing.5');
  29. min-height: $text-input-height;
  30. }
  31. // Multiline text fields have larger top-bottom padding.
  32. textarea {
  33. padding: theme('spacing.5');
  34. }
  35. // Disable resize handle on textareas with auto-sizing behaviour
  36. .w-field__autosize {
  37. resize: none;
  38. }
  39. .w-field--date_field,
  40. .w-field--date_time_field,
  41. .w-field--time_field {
  42. // Make sure comment buttons are as close as possible.
  43. display: inline-block;
  44. // Make non-text field types with custom widgets have a smaller width.
  45. input {
  46. width: auto;
  47. max-width: 100%;
  48. }
  49. }