kompletr/css/kompletr.min.css

Vanilla JS autocomplete module

@import"https://fonts.googleapis.com/css?family=Open+Sans";@import"https://fonts.googleapis.com/css?family=Thasadith";.kompletr .container--search-results{position:absolute;margin:0;width:100%}.kompletr .item--row{box-sizing:border-box;width:100%;padding:15px;display:flex;flex-wrap:wrap;justify-content:space-between;border-left:none;border-right:none;font-size:100%}.kompletr .item--row:last-child{border-bottom:none !important}.kompletr .item--row:hover,.kompletr .item--row.focus{cursor:pointer;-webkit-transition:all .2s ease-in-out ease-in-out;transition:all .2s ease-in-out ease-in-out}.kompletr .item--row .item--property{flex:50%}.kompletr .item--row .item--property:nth-child(even){text-align:right}.kompletr .item--row .item--property:nth-child(n+0){font-weight:600}.kompletr .item--row .item--property:nth-child(n+2){font-weight:normal}.kompletr.light .item--row{color:#333;border-bottom:1px dashed #dfdfdf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:hsla(0,0%,100%,.8)}.kompletr.light .item--row:hover,.kompletr.light .item--row.focus{backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%);background-color:hsla(0,0%,100%,.4)}.kompletr.light .item--row:hover .item--property:nth-child(n+0),.kompletr.light .item--row:hover .item--property:nth-child(n+2),.kompletr.light .item--row.focus .item--property:nth-child(n+0),.kompletr.light .item--row.focus .item--property:nth-child(n+2){color:#333}.kompletr.light .item--property:nth-child(n+0){color:#333}.kompletr.light .item--property:nth-child(n+2){color:#9e9e9e}.kompletr.dark .item--row{color:#dfdfdf;border-bottom:1px dashed #444;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(51,51,51,.8)}.kompletr.dark .item--row:hover,.kompletr.dark .item--row.focus{backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%);background-color:rgba(51,51,51,.4)}.kompletr.dark .item--row:hover .item--property:nth-child(n+0),.kompletr.dark .item--row:hover .item--property:nth-child(n+2),.kompletr.dark .item--row.focus .item--property:nth-child(n+0),.kompletr.dark .item--row.focus .item--property:nth-child(n+2){color:#fff}.kompletr.dark .item--property:nth-child(n+0){color:#dfdfdf}.kompletr.dark .item--property:nth-child(n+2){color:#777}/*# sourceMappingURL=kompletr.min.css.map */