annotate core/themes/classy/css/components/user.css @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
Chris@0 1 /**
Chris@0 2 * @file
Chris@0 3 * Theme styling for user module.
Chris@0 4 */
Chris@0 5
Chris@0 6 /* Visual styling for the Password strength indicator */
Chris@0 7 .password-strength__meter {
Chris@0 8 margin-top: 0.5em;
Chris@0 9 background-color: #ebeae4;
Chris@0 10 }
Chris@0 11 .password-strength__indicator {
Chris@0 12 -webkit-transition: width 0.5s ease-out;
Chris@0 13 transition: width 0.5s ease-out;
Chris@18 14 background-color: #77b259;
Chris@0 15 }
Chris@0 16 .password-strength__indicator.is-weak {
Chris@0 17 background-color: #e62600;
Chris@0 18 }
Chris@0 19 .password-strength__indicator.is-fair {
Chris@0 20 background-color: #e09600;
Chris@0 21 }
Chris@0 22 .password-strength__indicator.is-good {
Chris@0 23 background-color: #0074bd;
Chris@0 24 }
Chris@0 25 .password-strength__indicator.is-strong {
Chris@0 26 background-color: #77b259;
Chris@0 27 }
Chris@0 28
Chris@0 29 .password-confirm,
Chris@0 30 .password-field,
Chris@0 31 .password-strength,
Chris@0 32 .password-confirm-match {
Chris@0 33 width: 55%;
Chris@0 34 }
Chris@0 35
Chris@0 36 .password-suggestions {
Chris@18 37 max-width: 34.7em;
Chris@18 38 margin: 0.7em 0;
Chris@0 39 padding: 0.2em 0.5em;
Chris@0 40 border: 1px solid #b4b4b4;
Chris@0 41 }
Chris@0 42 .password-suggestions ul {
Chris@0 43 margin-bottom: 0;
Chris@0 44 }
Chris@0 45
Chris@0 46 .confirm-parent,
Chris@0 47 .password-parent {
Chris@0 48 clear: left; /* LTR */
Chris@18 49 overflow: hidden;
Chris@18 50 max-width: 33em;
Chris@0 51 margin: 0;
Chris@0 52 }
Chris@0 53 [dir="rtl"] .confirm-parent,
Chris@0 54 [dir="rtl"] .password-parent {
Chris@0 55 clear: right;
Chris@0 56 }
Chris@0 57
Chris@0 58 /* Styling for the status indicator of the passwords match test. */
Chris@0 59 .password-confirm .ok {
Chris@0 60 color: #325e1c;
Chris@0 61 font-weight: bold;
Chris@0 62 }
Chris@0 63 .password-confirm .error {
Chris@0 64 color: #a51b00;
Chris@0 65 font-weight: bold;
Chris@0 66 }