daisyui/components/carousel/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {".carousel":{"@layer daisyui.component":{"display":"inline-flex","overflow-x":"scroll","scroll-snap-type":"x mandatory","scrollbar-width":"none","@media (prefers-reduced-motion: no-preference)":{"scroll-behavior":"smooth"},"&::-webkit-scrollbar":{"display":"none"}}},".carousel-vertical":{"@layer daisyui.modifier":{"flex-direction":"column","overflow-y":"scroll","scroll-snap-type":"y mandatory"}},".carousel-horizontal":{"@layer daisyui.modifier":{"flex-direction":"row","overflow-x":"scroll","scroll-snap-type":"x mandatory"}},".carousel-item":{"@layer daisyui.component":{"box-sizing":"content-box","display":"flex","flex":"none","scroll-snap-align":"start"}},".carousel-start":{"@layer daisyui.modifier":{".carousel-item":{"scroll-snap-align":"start"}}},".carousel-center":{"@layer daisyui.modifier":{".carousel-item":{"scroll-snap-align":"center"}}},".carousel-end":{"@layer daisyui.modifier":{".carousel-item":{"scroll-snap-align":"end"}}}};