maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.67 kB
CSS
.m-input-code[data-v-d5705617]{vertical-align:top;flex-direction:column;gap:.5em;display:inline-flex}.m-input-code.--mini[data-v-d5705617]{font-size:.625rem;line-height:1rem}.m-input-code.--xs[data-v-d5705617]{font-size:.75rem;line-height:1rem}.m-input-code.--sm[data-v-d5705617]{font-size:.875rem;line-height:1.25rem}.m-input-code.--lg[data-v-d5705617]{font-size:1.125rem;line-height:1.75rem}.m-input-code.--xl[data-v-d5705617]{font-size:1.25rem;line-height:1.75rem}.m-input-code__wrapper[data-v-d5705617]{gap:1em;display:inline-flex}.m-input-code__hint[data-v-d5705617]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-input-code__hint.--error[data-v-d5705617]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-input-code__hint.--success[data-v-d5705617]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-input-code__hint.--warning[data-v-d5705617]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-input-code .input-wrapper[data-v-d5705617]{border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:solid;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));width:4em;height:4em;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.m-input-code .input-wrapper[data-v-d5705617]: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-code .input-wrapper[data-v-d5705617]:focus-within{border-color:var(--input-border-color)}.m-input-code .input-wrapper input[data-v-d5705617]{text-align:center;outline-offset:2px;background-color:#0000;outline:2px solid #0000;width:100%;height:100%;font-size:1.5em}.m-input-code .input-wrapper[data-v-d5705617]:has(input:disabled){--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-input-code .input-wrapper[data-v-d5705617]:has(input:disabled):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-300)/var(--maz-tw-bg-opacity,1))}.m-input-code .input-wrapper:has(input:disabled) input[data-v-d5705617]{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}