homepage/themes/custom/assets/autocomplete.scss

40 lines
780 B
SCSS
Raw Permalink Normal View History

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