maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.59 kB
CSS
.m-input-tags[data-v-96d198fe]{border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));vertical-align:top;flex-wrap:wrap;gap:.25rem;padding:.25em .5em;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.m-input-tags[data-v-96d198fe]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-input-tags.--xl[data-v-96d198fe]{min-height:4rem}.m-input-tags.--lg[data-v-96d198fe]{min-height:3.5rem}.m-input-tags.--md[data-v-96d198fe]{min-height:3rem}.m-input-tags.--sm[data-v-96d198fe]{min-height:2.5rem}.m-input-tags.--xs[data-v-96d198fe]{min-height:2rem}.m-input-tags.--mini[data-v-96d198fe]{min-height:1.5rem}.m-input-tags.--block[data-v-96d198fe]{width:100%}.m-input-tags__wrapper[data-v-96d198fe]{justify-content:center;align-items:center;height:auto;display:inline-flex;flex:none}.m-input-tags__input[data-v-96d198fe]{flex:1;height:auto}.m-input-tags__input[data-v-96d198fe] .m-input-wrapper{border-style:none;min-width:7.5em;background-color:#0000}.m-input-tags__input[data-v-96d198fe] input{padding-left:.4em;padding-right:.4em}