You are here

form-text.css in Drupal 9

Same filename and directory in other branches
  1. 10 core/themes/olivero/css/components/form-text.css

Text input elements.

File

core/themes/olivero/css/components/form-text.css
View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Text input elements.
  10. */
  11. [type="color"],
  12. [type="date"],
  13. [type="datetime-local"],
  14. [type="email"],
  15. [type="file"],
  16. [type="month"],
  17. [type="number"],
  18. [type="password"],
  19. [type="search"],
  20. [type="tel"],
  21. [type="text"],
  22. [type="time"],
  23. [type="url"],
  24. [type="week"],
  25. textarea {
  26. width: 100%;
  27. max-width: 100%;
  28. min-height: 3.375rem;
  29. padding: 0 1.125rem;
  30. color: #0d1214;
  31. border: 1px solid #7e96a7;
  32. border-radius: 0.1875rem;
  33. background-color: #fff;
  34. font-family: inherit;
  35. font-size: inherit;
  36. -webkit-appearance: none;
  37. -moz-appearance: none;
  38. appearance: none
  39. }
  40. [type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
  41. border: solid 2px #2494db;
  42. outline: solid 2px #2494db
  43. }
  44. @supports (outline-style: double) {
  45. [type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
  46. border-width: 1px;
  47. outline-width: 6px;
  48. outline-style: double;
  49. outline-offset: -1px
  50. }
  51. }
  52. [type="color"]::-ms-clear, [type="date"]::-ms-clear, [type="datetime-local"]::-ms-clear, [type="email"]::-ms-clear, [type="file"]::-ms-clear, [type="month"]::-ms-clear, [type="number"]::-ms-clear, [type="password"]::-ms-clear, [type="search"]::-ms-clear, [type="tel"]::-ms-clear, [type="text"]::-ms-clear, [type="time"]::-ms-clear, [type="url"]::-ms-clear, [type="week"]::-ms-clear, textarea::-ms-clear {
  53. display: none;
  54. }
  55. [type="color"][disabled], [type="date"][disabled], [type="datetime-local"][disabled], [type="email"][disabled], [type="file"][disabled], [type="month"][disabled], [type="number"][disabled], [type="password"][disabled], [type="search"][disabled], [type="tel"][disabled], [type="text"][disabled], [type="time"][disabled], [type="url"][disabled], [type="week"][disabled], textarea[disabled] {
  56. color: #7e96a7;
  57. background-color: #f1f4f7;
  58. }
  59. [type="color"].error, [type="date"].error, [type="datetime-local"].error, [type="email"].error, [type="file"].error, [type="month"].error, [type="number"].error, [type="password"].error, [type="search"].error, [type="tel"].error, [type="text"].error, [type="time"].error, [type="url"].error, [type="week"].error, textarea.error {
  60. border: solid 2px #e33f1e
  61. }
  62. [type="color"].error:focus, [type="date"].error:focus, [type="datetime-local"].error:focus, [type="email"].error:focus, [type="file"].error:focus, [type="month"].error:focus, [type="number"].error:focus, [type="password"].error:focus, [type="search"].error:focus, [type="tel"].error:focus, [type="text"].error:focus, [type="time"].error:focus, [type="url"].error:focus, [type="week"].error:focus, textarea.error:focus {
  63. outline-color: #e33f1e;
  64. outline-offset: -2px;
  65. }
  66. [type="color"].form-element--small, [type="date"].form-element--small, [type="datetime-local"].form-element--small, [type="email"].form-element--small, [type="file"].form-element--small, [type="month"].form-element--small, [type="number"].form-element--small, [type="password"].form-element--small, [type="search"].form-element--small, [type="tel"].form-element--small, [type="text"].form-element--small, [type="time"].form-element--small, [type="url"].form-element--small, [type="week"].form-element--small, textarea.form-element--small {
  67. min-height: 2.8125rem;
  68. }
  69. @media (min-width: 31.25rem) {
  70. [type="color"],
  71. [type="date"],
  72. [type="datetime-local"],
  73. [type="email"],
  74. [type="file"],
  75. [type="month"],
  76. [type="number"],
  77. [type="password"],
  78. [type="search"],
  79. [type="tel"],
  80. [type="text"],
  81. [type="time"],
  82. [type="url"],
  83. [type="week"],
  84. textarea {
  85. width: auto
  86. }
  87. }
  88. [type="date"] {
  89. /* Ensure that date field isn't larger than other fields. */
  90. }
  91. [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  92. padding-left: 0
  93. }
  94. [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  95. padding-right: 0
  96. }
  97. [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  98. padding-right: 0
  99. }
  100. [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  101. padding-left: 0
  102. }
  103. [type="date"]::-webkit-datetime-edit-fields-wrapper {
  104. padding-top: 0;
  105. padding-bottom: 0;
  106. }
  107. [type="file"] {
  108. height: auto;
  109. padding-top: 0.84375rem;
  110. padding-bottom: 0.84375rem;
  111. }
  112. [type="color"] {
  113. width: 3.375rem;
  114. padding: 0;
  115. }