maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.43 kB
CSS
.m-phone-input[data-v-3777a81d]{flex:1;min-width:13rem}.m-phone-input.--error[data-v-3777a81d],.m-phone-input.--focused[data-v-3777a81d]{z-index:1}.m-input-phone-number[data-v-3777a81d]{display:none}.m-input-phone-number.--responsive .m-phone-input[data-v-3777a81d]{margin-top:calc(var(--maz-border-width)*-1);flex:none}@media (min-width:425px){.m-input-phone-number.--responsive .m-phone-input[data-v-3777a81d]{margin-left:calc(var(--maz-border-width)*-1);flex:auto;margin-top:0}}.m-input-phone-number.--responsive .m-phone-input.--border-radius[data-v-3777a81d] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0}@media (min-width:425px){.m-input-phone-number.--responsive .m-phone-input.--border-radius[data-v-3777a81d] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-radius)}}.m-input-phone-number.--row .m-phone-input[data-v-3777a81d]{margin-left:calc(var(--maz-border-width)*-1);flex:auto}.m-input-phone-number.--row .m-phone-input.--border-radius[data-v-3777a81d] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.m-input-phone-number.--col .m-phone-input[data-v-3777a81d]{margin-top:calc(var(--maz-border-width)*-1);flex:none;margin-left:0}.m-input-phone-number.--col .m-phone-input.--border-radius[data-v-3777a81d] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--maz-radius)}