homepage/themes/custom/assets/autocomplete.scss
2021-11-01 12:45:29 +01:00

34 lines
646 B
SCSS

#autoComplete {
position: relative;
width: 10rem;
}
#autoComplete_list {
position: absolute;
z-index: 100;
padding: 0;
top: 60px;
right: 0;
width: 18rem;
}
.autoComplete_result {
margin: 0.15rem auto;
padding: 0.6rem;
max-width: 280px;
list-style: none;
color: #7b7b7b;
transition: all 0.1s ease-in-out;
background-color: #fff;
}
.autoComplete_result:hover,
.autoComplete_result:focus,
.autoComplete_selected {
background-color: rgba(255, 248, 248, 0.9);
}
.autoComplete_highlighted {
color: rgba(255, 122, 122, 1);
font-weight: 700;
}