3 * Theme styling for user module.
6 /* Visual styling for the Password strength indicator */
7 .password-strength__meter {
9 background-color: #ebeae4;
11 .password-strength__indicator {
12 background-color: #77b259;
13 -webkit-transition: width 0.5s ease-out;
14 transition: width 0.5s ease-out;
16 .password-strength__indicator.is-weak {
17 background-color: #e62600;
19 .password-strength__indicator.is-fair {
20 background-color: #e09600;
22 .password-strength__indicator.is-good {
23 background-color: #0074bd;
25 .password-strength__indicator.is-strong {
26 background-color: #77b259;
32 .password-confirm-match {
36 .password-suggestions {
40 border: 1px solid #b4b4b4;
42 .password-suggestions ul {
48 clear: left; /* LTR */
53 [dir="rtl"] .confirm-parent,
54 [dir="rtl"] .password-parent {
58 /* Styling for the status indicator of the passwords match test. */
59 .password-confirm .ok {
63 .password-confirm .error {