12 lines
1.0 KiB
CSS
12 lines
1.0 KiB
CSS
.search-select { position: relative; }
|
|
.search-select-input { padding-right: 36px; }
|
|
.search-icon { position: absolute; right: 12px; top: 17px; color: #71807a; font-size: 16px; pointer-events: none; }
|
|
.search-results { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); max-height: 285px; overflow-y: auto; padding: 5px; border: 1px solid #cdd8d3; border-radius: 9px; background: white; box-shadow: 0 16px 35px rgba(22, 50, 40, .16); }
|
|
.search-result { width: 100%; display: block; padding: 10px 11px; border: 0; border-radius: 7px; background: white; text-align: left; cursor: pointer; }
|
|
.search-result:hover, .search-result:focus { background: #eaf3ef; outline: none; }
|
|
.search-result strong, .search-result small { display: block; }
|
|
.search-result strong { color: #293c35; font: 700 12px "DM Sans"; }
|
|
.search-result small { margin-top: 3px; color: #7d8984; font: 500 10px "DM Sans"; }
|
|
.search-message { padding: 17px 11px; color: #7d8984; text-align: center; font: 500 11px "DM Sans"; }
|
|
.search-message.error { color: #9c4545; }
|