Fix contrast between placeholder text and background for search input
This commit is contained in:
parent
6ede68153e
commit
593ae82c7f
1 changed files with 1 additions and 24 deletions
|
@ -30,29 +30,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__input {
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
padding-inline-start: 16px;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
&:placeholder {
|
|
||||||
color: $color-gray-45;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include light-theme {
|
|
||||||
color: $color-black;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include dark-theme {
|
|
||||||
color: $color-gray-05;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__input {
|
&__input {
|
||||||
@include font-body-2;
|
@include font-body-2;
|
||||||
border: solid 1px transparent;
|
border: solid 1px transparent;
|
||||||
|
@ -62,7 +39,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@include light-theme {
|
@include light-theme {
|
||||||
background-color: $color-black-alpha-08;
|
background-color: $color-black-alpha-06;
|
||||||
color: $color-gray-90;
|
color: $color-gray-90;
|
||||||
|
|
||||||
&:placeholder {
|
&:placeholder {
|
||||||
|
|
Loading…
Reference in a new issue