UNPKG

maz-ui

Version:

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

2 lines (1 loc) 2.97 kB
.m-card[data-v-6a9baa69]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));flex-direction:column;max-height:100%;display:inline-flex;position:relative}.m-card[data-v-6a9baa69]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1))}.m-card.--block[data-v-6a9baa69]{width:100%}.m-card__header[data-v-6a9baa69]{align-items:center;padding:.75rem 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);display:flex}.m-card__header.--is-collapsible[data-v-6a9baa69]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-card__collapse-icon[data-v-6a9baa69]{--maz-tw-rotate:0deg;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));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-card__collapse-icon.--is-open[data-v-6a9baa69]{transform:rotate(180deg)}.m-card__wrapper[data-v-6a9baa69]{flex:1;display:flex}.m-card__wrapper--row[data-v-6a9baa69]{flex-direction:row}.m-card__wrapper--row-reverse[data-v-6a9baa69]{flex-direction:row-reverse}.m-card__wrapper--column[data-v-6a9baa69]{flex-direction:column}.m-card__wrapper--column-reverse[data-v-6a9baa69]{flex-direction:column-reverse}.m-card--linked[data-v-6a9baa69]{transition:all .3s ease-in-out;transform:scale(1)}.m-card--linked[data-v-6a9baa69]:hover:not(.m-card--no-scale){z-index:1;transform:scale(1.02)}.m-card--linked .m-card__wrapper[data-v-6a9baa69]{cursor:pointer;text-decoration-line:none}.m-card--linked .m-card__wrapper[data-v-6a9baa69]:hover{text-decoration-line:none}.m-card__content__wrapper[data-v-6a9baa69]{flex-direction:column;gap:.5rem;max-width:100%;height:100%;display:flex;position:relative}.m-card__title[data-v-6a9baa69],.m-card__title[data-v-6a9baa69]>*{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));font-size:1.25rem;line-height:1.75rem}.m-card__subtitle[data-v-6a9baa69],.m-card__subtitle[data-v-6a9baa69]>*{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));font-size:1.125rem;line-height:1.75rem}.m-card__gallery[data-v-6a9baa69]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));flex:1}.m-card__gallery[data-v-6a9baa69]:is([class~=dark] *){background-color:hsl(var(--maz-background-600) / .4)}.m-card__gallery__wrapper[data-v-6a9baa69]{display:flex;position:relative;overflow:hidden}.m-card__actions[data-v-6a9baa69]{z-index:2;position:absolute;top:0;left:0}.m-card__actions[data-v-6a9baa69]>:not(:last-child){margin-inline-end:.5rem}