maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.94 kB
CSS
.m-card[data-v-3f7d04f5]{--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-3f7d04f5]: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-3f7d04f5]{width:100%}.m-card__header[data-v-3f7d04f5]{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-3f7d04f5]: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-3f7d04f5]{--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-3f7d04f5]{transform:rotate(180deg)}.m-card__wrapper[data-v-3f7d04f5]{flex:1;display:flex}.m-card__wrapper--row[data-v-3f7d04f5]{flex-direction:row}.m-card__wrapper--row-reverse[data-v-3f7d04f5]{flex-direction:row-reverse}.m-card__wrapper--column[data-v-3f7d04f5]{flex-direction:column}.m-card__wrapper--column-reverse[data-v-3f7d04f5]{flex-direction:column-reverse}.m-card--linked[data-v-3f7d04f5]{transition:all .3s ease-in-out;transform:scale(1)}.m-card--linked[data-v-3f7d04f5]:hover:not(.m-card--no-scale){z-index:1;transform:scale(1.02)}.m-card--linked .m-card__wrapper[data-v-3f7d04f5]{cursor:pointer;text-decoration-line:none}.m-card--linked .m-card__wrapper[data-v-3f7d04f5]:hover{text-decoration-line:none}.m-card__content__wrapper[data-v-3f7d04f5]{flex-direction:column;gap:.5rem;max-width:100%;height:100%;display:flex;position:relative}.m-card__title[data-v-3f7d04f5],.m-card__title[data-v-3f7d04f5]>*{--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-3f7d04f5],.m-card__subtitle[data-v-3f7d04f5]>*{--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-3f7d04f5]{--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-3f7d04f5]:is([class~=dark] *){background-color:hsl(var(--maz-background-600)/.4)}.m-card__gallery__wrapper[data-v-3f7d04f5]{display:flex;position:relative;overflow:hidden}.m-card__actions[data-v-3f7d04f5]{z-index:2;position:absolute;top:0;left:0}.m-card__actions[data-v-3f7d04f5]>:not(:last-child){margin-right:.5rem}