maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.11 kB
CSS
.m-select-country[data-v-e22ddc22]{display:inline-flex;position:relative}.m-select-country__country-flag[data-v-e22ddc22]{z-index:4;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:1.25rem;left:.813rem}.m-select-country__country-flag.--should-have-bottom-flag[data-v-e22ddc22]{bottom:2px}.m-select-country__select[data-v-e22ddc22] .m-input-label{padding:0}.m-select-country__select__item[data-v-e22ddc22]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;width:100%;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.m-select-country__select__item__flag-container[data-v-e22ddc22]{justify-content:center;align-items:center;display:flex}.m-select-country__select__item__list-flag[data-v-e22ddc22]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-500)/var(--maz-tw-bg-opacity,1));width:1.25rem;height:1.25rem;color:hsl(var(--maz-primary-foreground)/.8);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}