maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 3.64 kB
CSS
.m-textarea[data-v-c8fc6be7]{vertical-align:top;--maz-tw-text-opacity:1;min-height:6.25rem;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));flex-direction:column;transition:padding .2s cubic-bezier(0,0,.2,1);display:flex;position:relative}.m-textarea[data-v-c8fc6be7]:not(.--background-transparent,.--is-disabled){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-textarea[data-v-c8fc6be7]:not(.--background-transparent,.--is-disabled):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-textarea.--border[data-v-c8fc6be7]:not(.--is-disabled){border-width:var(--maz-border-width);border-style:solid}.m-textarea.--border[data-v-c8fc6be7]:not(.--is-disabled):not(.--has-border-style){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-textarea.--border[data-v-c8fc6be7]:not(.--is-disabled):not(.--has-border-style):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1))}.m-textarea.--padding[data-v-c8fc6be7]{padding:.75rem 1rem}.m-textarea.--rounded-sm[data-v-c8fc6be7]{border-radius:calc(var(--maz-radius) - 8px)}.m-textarea.--rounded-md[data-v-c8fc6be7]{border-radius:calc(var(--maz-radius) - 4px)}.m-textarea.--rounded-lg[data-v-c8fc6be7]{border-radius:calc(var(--maz-radius) + 4px)}.m-textarea.--rounded-xl[data-v-c8fc6be7]{border-radius:calc(var(--maz-radius) + 8px)}.m-textarea.--rounded-full[data-v-c8fc6be7]{border-radius:9999px}.m-textarea.--rounded[data-v-c8fc6be7]{border-radius:var(--maz-radius)}.m-textarea__append[data-v-c8fc6be7]{justify-content:var(--append-justify);display:inline-flex}.m-textarea textarea[data-v-c8fc6be7]{resize:vertical;outline-offset:2px;background-color:#0000;outline:2px solid #0000;width:100%}.m-textarea textarea.--has-append[data-v-c8fc6be7]{padding-bottom:1rem}.m-textarea.--is-disabled[data-v-c8fc6be7]{cursor:not-allowed;--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-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled[data-v-c8fc6be7]: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-textarea.--is-disabled[data-v-c8fc6be7] *{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-c8fc6be7]{--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-c8fc6be7]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(75 85 99/var(--maz-tw-text-opacity,1))}.m-textarea__label[data-v-c8fc6be7]{pointer-events:none;transform-origin:0 0;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:max-content;line-height:1.5rem;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:.75rem;left:1rem;overflow:hidden}.m-textarea__label.--should-up[data-v-c8fc6be7]{transform:scale(.8)translateY(-.65rem)}.m-textarea__label[data-v-c8fc6be7]:not(.--has-state){--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-textarea.--should-up[data-v-c8fc6be7]{padding-top:1.5rem}.m-textarea.--should-up .m-textarea__label[data-v-c8fc6be7]{transform:scale(.8)translateY(-.65rem)}