form-text.css in Drupal 9
Same filename and directory in other branches
Text input elements.
File
core/themes/olivero/css/components/form-text.cssView source
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
- /**
- * @file
- * Text input elements.
- */
-
- [type="color"],
- [type="date"],
- [type="datetime-local"],
- [type="email"],
- [type="file"],
- [type="month"],
- [type="number"],
- [type="password"],
- [type="search"],
- [type="tel"],
- [type="text"],
- [type="time"],
- [type="url"],
- [type="week"],
- textarea {
- width: 100%;
- max-width: 100%;
- min-height: 3.375rem;
- padding: 0 1.125rem;
- color: #0d1214;
- border: 1px solid #7e96a7;
- border-radius: 0.1875rem;
- background-color: #fff;
- font-family: inherit;
- font-size: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none
- }
-
- [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 {
- border: solid 2px #2494db;
- outline: solid 2px #2494db
- }
-
- @supports (outline-style: double) {
-
- [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 {
- border-width: 1px;
- outline-width: 6px;
- outline-style: double;
- outline-offset: -1px
- }
- }
-
- [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 {
- display: none;
- }
-
- [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] {
- color: #7e96a7;
- background-color: #f1f4f7;
- }
-
- [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 {
- border: solid 2px #e33f1e
- }
-
- [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 {
- outline-color: #e33f1e;
- outline-offset: -2px;
- }
-
- [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 {
- min-height: 2.8125rem;
- }
-
- @media (min-width: 31.25rem) {
-
- [type="color"],
- [type="date"],
- [type="datetime-local"],
- [type="email"],
- [type="file"],
- [type="month"],
- [type="number"],
- [type="password"],
- [type="search"],
- [type="tel"],
- [type="text"],
- [type="time"],
- [type="url"],
- [type="week"],
- textarea {
- width: auto
- }
- }
-
- [type="date"] {
- /* Ensure that date field isn't larger than other fields. */
- }
-
- [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
- padding-left: 0
- }
-
- [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
- padding-right: 0
- }
-
- [dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
- padding-right: 0
- }
-
- [dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
- padding-left: 0
- }
-
- [type="date"]::-webkit-datetime-edit-fields-wrapper {
- padding-top: 0;
- padding-bottom: 0;
- }
-
- [type="file"] {
- height: auto;
- padding-top: 0.84375rem;
- padding-bottom: 0.84375rem;
- }
-
- [type="color"] {
- width: 3.375rem;
- padding: 0;
- }