homepage/themes/custom/assets/autocomplete.scss
2021-11-05 13:39:14 +01:00

39 lines
780 B
SCSS

#autoComplete {
position: relative;
width: 10rem;
}
#autoComplete_list {
position: absolute;
z-index: 100;
padding: 0;
top: $navbar-height;
width: 18rem;
}
// Move search results to right only on desktop
@media (min-width: $desktop) {
#autoComplete_list {
right: 0;
}
}
.autoComplete_result {
margin: 0 auto;
padding: 0.6rem;
max-width: 280px;
list-style: none;
background-color: darken($background-base-color, 6);
border-bottom: solid 1px $background-base-color;
}
.autoComplete_result:hover,
.autoComplete_result:focus,
.autoComplete_selected {
background-color: $background-base-color;
}
.autoComplete_highlighted {
color: $primary;
font-weight: 700;
}