You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
/*
|
|
|
|
|
* https://github.com/morethanwords/tweb
|
|
|
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
|
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.autocomplete-helper {
|
|
|
|
|
--border-radius: #{$border-radius-medium};
|
|
|
|
|
position: absolute !important;
|
|
|
|
|
// bottom: calc(100% + .625rem);
|
|
|
|
|
bottom: calc(100% + .5rem);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
border-radius: var(--border-radius) !important;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: auto !important;
|
|
|
|
|
|
|
|
|
|
/* @include respond-to(esg-bottom-new) {
|
|
|
|
|
bottom: calc(100% + .5rem);
|
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
&:not(.is-visible) {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include animation-level(2) {
|
|
|
|
|
&.is-visible {
|
|
|
|
|
animation: fade-out-opacity .2s ease-in-out forwards;
|
|
|
|
|
|
|
|
|
|
&:not(.backwards) {
|
|
|
|
|
animation-name: fade-in-opacity;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 319px) {
|
|
|
|
|
max-width: calc(100vw - var(--padding-horizontal) * 4);
|
|
|
|
|
}
|
|
|
|
|
}
|
