Ponysearch/searx/static/themes/simple/src/less/autocomplete.less

74 lines
1.3 KiB
Text
Raw Normal View History

/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
2017-02-12 15:06:01 +01:00
.autocomplete {
position: absolute;
max-height: 0;
overflow-y: hidden;
.ltr-text-align-left();
.rounded-corners;
&:active,
&:focus,
&:hover {
background-color: var(--color-autocomplete-background);
}
2017-02-12 15:06:01 +01:00
&:empty {
display: none;
}
2017-02-12 15:06:01 +01:00
> ul {
list-style-type: none;
margin: 0;
padding: 0;
2017-02-12 15:06:01 +01:00
> li {
cursor: pointer;
padding: 0.5rem;
2017-02-12 15:06:01 +01:00
&.active,
&:active,
&:focus,
&:hover {
background-color: var(--color-autocomplete-background-hover);
2017-02-12 15:06:01 +01:00
a:active,
a:focus,
a:hover {
text-decoration: none;
2017-02-12 15:06:01 +01:00
}
}
&.locked {
cursor: inherit;
}
2017-02-12 15:06:01 +01:00
}
}
2017-02-12 15:06:01 +01:00
&.open {
display: block;
background-color: var(--color-autocomplete-background);
color: var(--color-autocomplete-font);
border: 1px solid var(--color-autocomplete-border);
max-height: 500px;
overflow-y: auto;
z-index: 100;
2017-02-12 15:06:01 +01:00
&:empty {
display: none;
2017-02-12 15:06:01 +01:00
}
}
2017-02-12 15:06:01 +01:00
}
@media screen and (max-width: @phone) {
2017-02-12 15:06:01 +01:00
.autocomplete {
bottom: 0;
}
.autocomplete > ul > li {
border-bottom: 1px solid var(--color-result-top-border);
2017-02-12 15:06:01 +01:00
text-align: left;
}
}