-
Notifications
You must be signed in to change notification settings - Fork 138
/
Copy pathdark-form.scss
35 lines (35 loc) · 1.07 KB
/
dark-form.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@mixin dark-form() {
.form-group {
background-color: $suse-secondary; // We override the border color in all cases, so we also need to ensure the focus z-index overrides the error z-index (see focus below)
border-color: $login-form-border-color;
color: $suse-text;
&.focus {
border-color: $suse-primary;
}
.control-label,
.checkbox-input,
.checkbox-input.checked .checkbox-input-label {
color: darken($suse-text, 10%);
}
input {
color: $suse-text;
text-shadow: 0 0 0 $suse-text;
-webkit-text-fill-color: $suse-text;
}
search-box {
.dropdown-menu {
border-color: $login-form-border-color;
background: $suse-secondary;
}
}
input, // include base elements to avoid blip when selecting auto-complete value from drop down
textarea,
select,
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
box-shadow: 0 0 0px 1000px $suse-secondary inset !important;
-webkit-box-shadow: 0 0 0px 1000px $suse-secondary inset !important;
}
}
}