flyonui/components/carousel/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".carousel":{"position":"relative","width":"100%","overflow":"hidden","border-radius":"var(--radius-2xl)"},".carousel-body":{"display":"flex","flex-wrap":"nowrap"},".carousel-prev, .carousel-next":{"position":"absolute","inset-block":"calc(0.25rem * 0)","margin-block":"auto","display":"inline-flex","height":"max-content","cursor":"pointer","align-items":"center","justify-content":"center"},".carousel-prev.disabled, .carousel-next.disabled":{"pointer-events":"none"},".carousel-prev":{"border-start-start-radius":"var(--radius-2xl)","border-end-start-radius":"var(--radius-2xl)"},".carousel-next":{"border-start-end-radius":"var(--radius-2xl)","border-end-end-radius":"var(--radius-2xl)"},".carousel-box":{"height":"calc(0.25rem * 1)","width":"calc(0.25rem * 10)","cursor":"pointer","background-color":"color-mix(in oklab, var(--color-neutral) 30%, transparent)"},".carousel-dot":{"width":"calc(0.25rem * 3)","height":"calc(0.25rem * 3)","cursor":"pointer","border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-neutral) 30%, transparent)"},".carousel-body, .carousel-slide":{"transition-property":"transform, translate, scale, rotate","transition-timing-function":"var(--tw-ease, var(--default-transition-timing-function))","transition-duration":["var(--tw-duration, var(--default-transition-duration))","700ms"],"--tw-duration":"700ms"}};