_fields.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. -webkit-backface-visibility: hidden;
  18. background: $color__background-input;
  19. border: solid 1px $color__border;
  20. box-sizing: border-box;
  21. color: $color__text-input;
  22. outline: none;
  23. padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
  24. -webkit-appearance: none;
  25. outline-offset: 0;
  26. border-radius: 3px;
  27. &:focus {
  28. border-color: $color__link;
  29. outline: thin solid rgba( $color__link, 0.15 );
  30. outline-offset: -4px;
  31. }
  32. }
  33. input[type="search"] {
  34. &::-webkit-search-decoration {
  35. display: none;
  36. }
  37. }
  38. select {
  39. }
  40. textarea {
  41. box-sizing: border-box;
  42. display: block;
  43. width: 100%;
  44. max-width: 100%;
  45. resize: vertical;
  46. }
  47. form {
  48. p {
  49. margin: $size__spacing-unit 0;
  50. }
  51. }
  52. label {
  53. font-weight: 600;
  54. }
  55. // Jetpack contact form block
  56. .contact-form {
  57. label {
  58. font-weight: 600 !important;
  59. span {
  60. color: $color__text-main !important;
  61. }
  62. }
  63. }