Core/src/styles/components/select/_suggestions.less

54 lines
731 B
Text

.floating.suggestions
{
max-height: ~"min(90vh, 18em)";
padding: 0.5em 0;
overflow-y: auto;
.suggestion
{
transition: background 0.2s ease;
position: relative;
display: block;
padding: 0.5em 1em;
background: transparent;
color: var(--foreground);
cursor: pointer;
&.preselected
{
background: var(--background);
}
&:hover
{
background: var(--background-darker);
}
> .selected
{
position: absolute;
top: 0;
right: 0.5em;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
width: 1.4em;
height: 1.4em;
border-radius: 1.4em;
color: var(--green);
}
&:not(.selected) > .selected
{
display: none;
}
}
}