flyonui/components/progress/object.js

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

export default {".progress":{"display":"flex","height":"calc(0.25rem * 1.5)","width":"100%","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"var(--color-base-200)"},".progress-label":{"position":"relative","display":"inline","width":"fit-content","border-radius":"var(--radius-sm)","border-style":"var(--tw-border-style)","border-width":"1px","border-color":"color-mix(in oklab, var(--color-base-content) 25%, transparent)","padding-inline":"calc(0.25rem * 1.5)","padding-block":"calc(0.25rem * 0.5)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)"},".progress-horizontal":{"height":"calc(0.25rem * 1.5)","width":"100%","flex-direction":"row","justify-content":"flex-start","border-radius":"var(--radius-box)"},".progress-vertical":{"height":"100%","width":"calc(0.25rem * 1.5)","flex-direction":"column","justify-content":"flex-end","border-radius":"var(--radius-box)"},".progress-striped":{"background-image":"linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )","background-size":"0.75rem 0.75rem"},".progress-animated":{"animation":"progress-bar-stripes 1s linear infinite"},".progress-bar":{"display":"flex","align-items":"center","justify-content":"center","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","white-space":"nowrap","color":"var(--color-neutral-content)","transition-property":"color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter","transition-timing-function":["var(--tw-ease, var(--default-transition-timing-function))","var(--ease-in-out)"],"transition-duration":["var(--tw-duration, var(--default-transition-duration))","500ms"],"--tw-duration":"500ms","--tw-ease":"var(--ease-in-out)"},".progress-primary":{"background-color":"var(--color-primary)","color":"var(--color-primary-content)"},".progress-secondary":{"background-color":"var(--color-secondary)","color":"var(--color-secondary-content)"},".progress-accent":{"background-color":"var(--color-accent)","color":"var(--color-accent-content)"},".progress-info":{"background-color":"var(--color-info)","color":"var(--color-info-content)"},".progress-success":{"background-color":"var(--color-success)","color":"var(--color-success-content)"},".progress-warning":{"background-color":"var(--color-warning)","color":"var(--color-warning-content)"},".progress-error":{"background-color":"var(--color-error)","color":"var(--color-error-content)"},".progress-bar.progress-indeterminate":{"width":"100%","background":"linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, var(--progress-color) 50%)","background-size":"50% 100%","background-repeat":"no-repeat","animation":"indeterminate-progress 4s infinite ease-in-out"},"@keyframes indeterminate-progress":{"0%":{"background-position-x":"-75%"},"50%":{"background-position-x":"125%"},"100%":{"background-position-x":"-75%"}},"@keyframes progress-bar-stripes":{"0%":{"background-position-x":"0.75rem"}},".progress-step":{"display":"flex","height":"calc(0.25rem * 1.5)","width":"100%","flex-direction":"column","justify-content":"center","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","text-align":"center","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","white-space":"nowrap","color":"var(--color-base-100)"}};