maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.7 kB
CSS
.m-input-number[data-v-770e9b23]{flex-direction:column;gap:.5rem;display:inline-flex}.m-input-number__wrapper[data-v-770e9b23]{vertical-align:top;align-items:center;display:flex}.m-input-number.--block[data-v-770e9b23]{width:100%}.m-input-number__button.m-btn[data-v-770e9b23]:before{content:none}.m-input-number__button.m-btn[data-v-770e9b23]:first-child,.m-input-number__button.m-btn[data-v-770e9b23]:last-child{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));padding:0 .75rem}.m-input-number__button.m-btn[data-v-770e9b23]:first-child{margin-right:-2px;border-top-right-radius:0;border-bottom-right-radius:0}.m-input-number__button.m-btn[data-v-770e9b23]:last-child{margin-left:-2px;border-top-left-radius:0;border-bottom-left-radius:0}.m-input-number__button__icon[data-v-770e9b23]{font-size:1rem;line-height:1.5rem}.m-input-number__input[data-v-770e9b23]:not(.--no-buttons) .m-input-wrapper{z-index:1;border-radius:0}.m-input-number__input.--text-center[data-v-770e9b23] input{text-align:center;padding:0}.m-input-number__input.--text-center[data-v-770e9b23] .m-input-label{text-align:center;width:100%;padding:0;inset-inline-start:0}.m-input-number__input.--text-center.--should-up[data-v-770e9b23] .m-input-label{width:125%}.m-input-number__input[data-v-770e9b23] input::-webkit-outer-spin-button{appearance:none;margin:0}.m-input-number__input[data-v-770e9b23] input::-webkit-inner-spin-button{appearance:none;margin:0}.m-input-number__input[data-v-770e9b23] input[type=number]{appearance:textfield}