_forms.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. input[type="text"],
  2. input[type="email"],
  3. input[type="url"],
  4. input[type="password"],
  5. input[type="search"],
  6. input[type="number"],
  7. input[type="tel"],
  8. input[type="range"],
  9. input[type="date"],
  10. input[type="month"],
  11. input[type="week"],
  12. input[type="time"],
  13. input[type="datetime"],
  14. input[type="datetime-local"],
  15. input[type="color"],
  16. textarea {
  17. background: var(--wp--custom--form--color--background);
  18. border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  19. border-radius: var(--wp--custom--form--border--radius);
  20. box-shadow: var(--wp--custom--form--color--box-shadow);
  21. color: var(--wp--custom--form--color--text);
  22. font-family: var(--wp--custom--body--typography--font-family);
  23. padding: var(--wp--custom--form--padding);
  24. &:focus {
  25. color: var(--wp--custom--form--color--text);
  26. border-color: var(--custom--form--color--border);
  27. }
  28. }
  29. select {
  30. font-family: inherit;
  31. font-size: 100%;
  32. }
  33. textarea {
  34. width: 100%;
  35. }
  36. // Vertically align checkbox + label relationship
  37. input[type=checkbox] + label {
  38. display: inline;
  39. margin-left: 0.5em;
  40. line-height: 1em;
  41. }