]>
Commit | Line | Data |
---|---|---|
9f95a23c | 1 | @import 'defaults'; |
11fdf7f2 | 2 | |
9f95a23c | 3 | ::ng-deep cd-login { |
e306af50 TL |
4 | .form-group { |
5 | border-left: 4px solid white; | |
6 | background-color: $color-password-toggle-bg; | |
7 | height: auto; | |
8 | margin-bottom: 2rem; | |
9 | ||
10 | &:focus-within { | |
11 | border-left: 4px solid $color-accent; | |
12 | } | |
13 | ||
14 | .invalid-feedback { | |
15 | display: inline; | |
16 | } | |
17 | } | |
18 | ||
11fdf7f2 | 19 | .btn-password, |
9f95a23c TL |
20 | .btn-password:focus, |
21 | .form-control, | |
22 | .form-control:focus { | |
e306af50 TL |
23 | border: none; |
24 | outline: none; | |
25 | -webkit-box-shadow: none; | |
26 | box-shadow: none; | |
11fdf7f2 TL |
27 | color: $color-password-toggle-text; |
28 | background-color: $color-password-toggle-bg; | |
e306af50 | 29 | filter: none; |
11fdf7f2 TL |
30 | } |
31 | ||
e306af50 | 32 | .placeholder { |
9f95a23c TL |
33 | color: $color-password-toggle-placeholder-text; |
34 | } | |
35 | ||
11fdf7f2 TL |
36 | .btn-password:focus { |
37 | outline-color: $color-password-toggle-focus; | |
38 | } | |
9f95a23c | 39 | } |
11fdf7f2 | 40 | |
9f95a23c TL |
41 | // This will override the colors applied by chrome |
42 | @keyframes autofill { | |
43 | to { | |
44 | color: $color-password-toggle-text; | |
45 | background-color: $color-password-toggle-bg; | |
11fdf7f2 TL |
46 | } |
47 | } | |
9f95a23c TL |
48 | |
49 | input:-webkit-autofill { | |
50 | animation-name: autofill; | |
51 | animation-fill-mode: both; | |
e306af50 TL |
52 | box-shadow: 0 0 0px 1000px $color-password-toggle-bg inset; |
53 | -webkit-text-fill-color: $color-password-toggle-text; | |
54 | transition-property: none; | |
55 | border-radius: 0px; | |
9f95a23c | 56 | } |