_fields.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. outline: none;
  22. padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
  23. -webkit-appearance: none;
  24. outline-offset: 0;
  25. border-radius: 3px;
  26. &:focus {
  27. border-color: $color__link;
  28. outline: thin solid rgba( $color__link, 0.15 );
  29. outline-offset: -4px;
  30. }
  31. }
  32. input[type="search"] {
  33. &::-webkit-search-decoration {
  34. display: none;
  35. }
  36. }
  37. select {
  38. }
  39. textarea {
  40. box-sizing: border-box;
  41. display: block;
  42. width: 100%;
  43. max-width: 100%;
  44. resize: vertical;
  45. }
  46. form {
  47. p {
  48. margin: $size__spacing-unit 0;
  49. }
  50. }
  51. .contact-form {
  52. label {
  53. display: block;
  54. span {
  55. &:before {
  56. content: " ";
  57. }
  58. }
  59. }
  60. input[type="text"],
  61. input[type="email"],
  62. input[type="url"],
  63. input[type="password"],
  64. input[type="search"],
  65. input[type="number"],
  66. input[type="tel"],
  67. input[type="range"],
  68. input[type="date"],
  69. input[type="month"],
  70. input[type="week"],
  71. input[type="time"],
  72. input[type="datetime"],
  73. input[type="datetime-local"],
  74. input[type="color"] {
  75. margin-bottom: 13.6px;
  76. min-height: 56px;
  77. }
  78. input[type="submit"] {
  79. font-size: $font__size-sm;
  80. font-weight: $font__weight_semi_bold;
  81. }
  82. textarea {
  83. max-height: 200px;
  84. }
  85. }