daggerheart/styles/less/ux/autocomplete/autocomplete.less

39 lines
860 B
Text

.theme-light .autocomplete {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.autocomplete {
padding: 2px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: light-dark(@dark-blue, @beige);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url('../assets/parchments/dh-parchment-light.png');
z-index: 200;
.group {
font-weight: bold;
font-size: 14px;
padding-left: 8px;
}
div[role='option'] {
font-size: 14;
padding-left: 16px;
cursor: pointer;
display: flex;
&:hover {
background: light-dark(@beige-50, @dark-blue);
color: light-dark(@dark, @beige);
}
.matched {
font-weight: bold;
}
&.selected {
}
}
}