maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.42 kB
CSS
.m-carousel[data-v-77d2cc08]{flex-direction:column;display:flex;position:relative}.m-carousel__header[data-v-77d2cc08]{justify-content:flex-end;align-items:center;display:flex}.m-carousel__header.--has-title[data-v-77d2cc08]{justify-content:space-between}.m-carousel__header__actions[data-v-77d2cc08]{flex:1;justify-content:flex-end;display:flex}.m-carousel__header__actions[data-v-77d2cc08]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-carousel__items[data-v-77d2cc08]{z-index:1;flex:1;justify-content:flex-start;align-items:center;display:flex}.m-carousel__items[data-v-77d2cc08]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1.25rem*var(--maz-tw-space-x-reverse));margin-left:calc(1.25rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-carousel__items[data-v-77d2cc08]{padding-top:1rem;padding-bottom:1rem;scroll-behavior:smooth;padding-inline-start:.75rem;overflow-y:hidden}.m-carousel__items[data-v-77d2cc08]::-webkit-scrollbar{width:.1875rem}.m-carousel__items[data-v-77d2cc08]::-webkit-scrollbar-track{background:0 0}.m-carousel__items[data-v-77d2cc08]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-carousel__items[data-v-77d2cc08]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-carousel__items[data-v-77d2cc08]::-webkit-scrollbar-thumb{border-radius:1000px}.m-carousel__items[data-v-77d2cc08]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600))transparent}.m-carousel__items__spacer[data-v-77d2cc08]{flex:0 0 1px;width:1px;height:1px}.m-carousel__btn.--muted[data-v-77d2cc08]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));fill:currentColor}.m-carousel :not(.--hide-scrollbar) .m-carousel__items[data-v-77d2cc08]{overflow-x:auto}.m-carousel.--hide-scrollbar .m-carousel__items[data-v-77d2cc08]{overflow-x:hidden}.m-carousel.--hide-scrollbar:hover .m-carousel__items[data-v-77d2cc08],.m-carousel.--hide-scrollbar:focus-within .m-carousel__items[data-v-77d2cc08],.m-carousel.--hide-scrollbar:active .m-carousel__items[data-v-77d2cc08],.m-carousel.--hide-scrollbar:focus .m-carousel__items[data-v-77d2cc08]{overflow-x:auto}