UNPKG

maz-ui

Version:

A standalone components library for Vue.Js 3 & Nuxt.Js 3

2 lines (1 loc) 5.69 kB
.m-stepper__right[data-v-37d7ed87]{text-overflow:ellipsis;white-space:nowrap;text-align:end;--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;overflow:hidden}.m-stepper__header[data-v-37d7ed87]{cursor:pointer;-webkit-user-select:text;user-select:text;justify-content:space-between;align-items:center;width:100%;display:flex}.m-stepper__header[data-v-37d7ed87]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header[data-v-37d7ed87]{border-radius:var(--maz-radius);text-align:start;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-stepper__header__content[data-v-37d7ed87]{flex-direction:column;flex:none;align-items:flex-start;display:flex}.m-stepper__header[data-v-37d7ed87]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-37d7ed87]:not(:disabled):is([class~=dark] *):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-37d7ed87]:disabled{cursor:not-allowed}.m-stepper__header.--disabled[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:rgb(156 163 175/var(--maz-tw-text-opacity,1))}.m-stepper__header.--disabled[data-v-37d7ed87]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(107 114 128/var(--maz-tw-text-opacity,1))}.m-stepper__header.--is-current-step[data-v-37d7ed87]{cursor:default}.m-stepper__header__wrapper[data-v-37d7ed87]{align-items:center;display:flex}.m-stepper__header__wrapper[data-v-37d7ed87]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header.--success .m-stepper__count__circle[data-v-37d7ed87]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--success .m-stepper__right[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--success svg[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning .m-stepper__count__circle[data-v-37d7ed87]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--warning .m-stepper__right[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning svg[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error .m-stepper__count__circle[data-v-37d7ed87]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--error .m-stepper__right[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error svg[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__title[data-v-37d7ed87]{font-size:1.125rem;line-height:1.75rem}.m-stepper__subtitle[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.m-stepper__count[data-v-37d7ed87]{background-color:var(--round-step-bg-color);width:2rem;height:2rem;color:var(--round-step-text-color);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative;overflow:hidden}.m-stepper__count__circle[data-v-37d7ed87]{--maz-tw-scale-x:0;--maz-tw-scale-y:0;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.m-stepper__count svg[data-v-37d7ed87]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__content[data-v-37d7ed87]{border-color:#0000;border-left-width:2px;margin-left:1.95rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-37d7ed87]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-37d7ed87]:not(.--no-border){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}