forked from vikunja/frontend
Form input background color to CSS custom property (not fully working)
This commit is contained in:
parent
dd942428e3
commit
cb7b7f23e7
|
@ -136,13 +136,13 @@
|
|||
|
||||
&:not(:disabled) {
|
||||
&:hover, &:active {
|
||||
background: $input-background-color;
|
||||
background: var(--input-background-color) !important;
|
||||
border-color: $input-border-color;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: $input-background-color;
|
||||
background: var(--input-background-color) !important;
|
||||
border-color: $input-focus-border-color;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -129,8 +129,8 @@
|
|||
padding: .3rem;
|
||||
|
||||
&:focus {
|
||||
background: $input-background-color;
|
||||
border-color: $input-focus-border-color;
|
||||
background: var(--input-background-color) !important;
|
||||
border-color: $input-focus-border-color !important;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
|
|
|
@ -16,6 +16,7 @@
|
|||
--black: hsl(0, 0%, 4%);
|
||||
|
||||
--light-background: var(--grey-100);
|
||||
--input-background-color: var(--white);
|
||||
}
|
||||
|
||||
$grey-50: #F9FAFB;
|
||||
|
@ -62,5 +63,7 @@ $grey-lightest: $grey-100;
|
|||
|
||||
--white: hsl(0, 0%, 4%);
|
||||
--black: hsl(0, 0%, 100%);
|
||||
|
||||
--input-background-color: var(--black);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue