install-page.css
Installation styling.
Unfortunately we have to make our styling quite strong, to override the .maintenance-page styling.
File
- 
              core/themes/ claro/ css/ theme/ install-page.css 
View source
- /*
-  * DO NOT EDIT THIS FILE.
-  * See the following change record for more information,
-  * https://www.drupal.org/node/3084859
-  * @preserve
-  */
- 
- /**
-  * @file
-  * Installation styling.
-  *
-  * Unfortunately we have to make our styling quite strong, to override the
-  * .maintenance-page styling.
-  */
- 
- .install-page {
-   min-height: 100%;
-   background-color: #dedfe4;
- }
- 
- /**
-  * Password widget
-  */
- 
- .install-page .password-parent,
- .install-page .confirm-parent {
-   width: auto;
- }
- 
- .install-page .form-item .password-suggestions {
-   float: none;
-   width: auto;
- }
- 
- .install-page table td {
-   word-break: break-all;
- }
- 
- .install-page .site-version {
-   vertical-align: super;
-   color: #919297;
-   font-size: 0.5em;
-   font-weight: 500;
- }
- 
- @media all and (max-width: 63.125rem) and (min-width: 48em) {
-   .install-page .password-strength,
-   .install-page .confirm-parent {
-     width: 100%;
-   }
-   .install-configure-form .form-type-password {
-     width: 100%;
-   }
-   .password-confirm,
-   .password-field {
-     float: none;
-   }
-   .password-confirm-match {
-     float: none;
-     width: auto;
-     max-width: 100%;
-   }
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.
