mobile-select-mini/dist/index.css

A mobile select component for Vue.js

:root{--popper-theme-background-color: #ffffff;--popper-theme-background-color-hover: #ffffff;--popper-theme-text-color: #333333;--popper-theme-border-width: 1px;--popper-theme-border-style: solid;--popper-theme-border-color: #eeeeee;--popper-theme-border-radius: 6px;--popper-theme-padding: 20px;--popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, .25);--popper-select-height: 60px}@media (prefers-color-scheme: dark){:root{--popper-select-height: 60px;--popper-theme-background-color: #333333;--popper-theme-background-color-hover: #333333;--popper-theme-text-color: white;--popper-theme-border-width: 0px;--popper-theme-border-radius: 6px;--popper-theme-padding: 20px;--popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, .25)}}.mobile-select[data-v-71eefbee]{width:100%;height:var(--5d2ea3dc);border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;padding:0 15px}.mobile-select .select-input[data-v-71eefbee]{flex:1;display:block;width:100%;margin-right:10px;font-size:var(--5c436142);height:var(--5d2ea3dc);line-height:var(--5d2ea3dc);border:0;box-sizing:border-box;outline:none;background:transparent}.mobile-select .select-input[data-v-71eefbee]::placeholder,.icon-wrap[data-v-71eefbee]{color:#c0c4cc}.select-input-active[data-v-71eefbee]{border-color:var(--7ac165b3)}div.mobile-select.select-input-border[data-v-71eefbee]{border:0}.select-options[data-v-71eefbee]{max-height:300px;overflow:auto}div.select-popover[data-v-71eefbee]{display:block}.text-placeholder[data-v-71eefbee]{opacity:.5}.empty-data[data-v-71eefbee]{justify-content:center;height:100%;color:var(--popper-theme-text-color);opacity:.5}.select-item[data-v-71eefbee]{height:var(--5d2ea3dc);line-height:var(--5d2ea3dc);font-size:var(--133a81d2)}.select-active[data-v-71eefbee]{font-weight:600;color:var(--7ac165b3)}.ellipsis[data-v-71eefbee]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-wrap[data-v-71eefbee]{justify-content:center;transform:rotate(0);transition:transform .3s}.icon-active[data-v-71eefbee]{transform:rotate(-180deg)}.flex[data-v-71eefbee]{display:flex;align-items:center}