Change autocomplete colors
This commit is contained in:
parent
c8496ac6d9
commit
97ef021647
1 changed files with 6 additions and 7 deletions
|
@ -7,28 +7,27 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
top: 60px;
|
top: $navbar-height;
|
||||||
right: 0;
|
right: 0;
|
||||||
width: 18rem;
|
width: 18rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.autoComplete_result {
|
.autoComplete_result {
|
||||||
margin: 0.15rem auto;
|
margin: 0 auto;
|
||||||
padding: 0.6rem;
|
padding: 0.6rem;
|
||||||
max-width: 280px;
|
max-width: 280px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
color: #7b7b7b;
|
background-color: darken($background-base-color, 6);
|
||||||
transition: all 0.1s ease-in-out;
|
border-bottom: solid 1px $background-base-color;
|
||||||
background-color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.autoComplete_result:hover,
|
.autoComplete_result:hover,
|
||||||
.autoComplete_result:focus,
|
.autoComplete_result:focus,
|
||||||
.autoComplete_selected {
|
.autoComplete_selected {
|
||||||
background-color: rgba(255, 248, 248, 0.9);
|
background-color: $background-base-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.autoComplete_highlighted {
|
.autoComplete_highlighted {
|
||||||
color: rgba(255, 122, 122, 1);
|
color: $primary;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue