_forms.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. color: $color__text-input;
  18. border: 3px solid $color__border-input;
  19. border-radius: 3px;
  20. margin-bottom: 1.6em;
  21. transition: 0.3s;
  22. &:focus {
  23. color: $color__text-screen;
  24. border-color: $color__text-input-focus;
  25. outline: none;
  26. }
  27. }
  28. select {
  29. border: 1px solid $color__border-input;
  30. }
  31. input[type="text"],
  32. input[type="email"],
  33. input[type="url"],
  34. input[type="password"],
  35. input[type="search"],
  36. input[type="number"],
  37. input[type="tel"],
  38. input[type="range"],
  39. input[type="date"],
  40. input[type="month"],
  41. input[type="week"],
  42. input[type="time"],
  43. input[type="datetime"],
  44. input[type="datetime-local"],
  45. input[type="color"] {
  46. padding: .5em;
  47. }
  48. textarea {
  49. padding-left: .4em;
  50. width: 100%;
  51. }
  52. /* Jetpack Comment Form */
  53. .affinity-front-page .contact-form {
  54. margin: 0 auto;
  55. }
  56. .contact-form {
  57. & > div {
  58. position: relative;
  59. }
  60. label.text,
  61. label.email,
  62. label.name,
  63. label.url,
  64. label.textarea {
  65. display: inline-block;
  66. margin-bottom: 0;
  67. position: absolute;
  68. left: .8em;
  69. top: .5em;
  70. }
  71. input[type="text"],
  72. input[type="email"],
  73. input[type="url"],
  74. input[type="name"],
  75. textarea {
  76. margin-left: auto;
  77. margin-right: auto;
  78. padding-left: 28%;
  79. width: 100% !important;
  80. max-width: 100% !important;
  81. }
  82. textarea {
  83. padding-left: .8em;
  84. padding-top: 40px;
  85. }
  86. }
  87. .post-password-form input[type="submit"] {
  88. top: -2px;
  89. }