flyonui/components/skeleton/object.js

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

export default {".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-200)","will-change":"background-position","background-image":"linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%)","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},".skeleton-animated":{"@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"animation":"skeleton 1.8s ease-in-out infinite"},".skeleton-striped":{"background-image":"repeating-linear-gradient( 45deg, var(--color-base-200), var(--color-base-200) 2px, var(--color-base-100) 3px, var(--color-base-100) 6px )"},"@keyframes skeleton":{"0%":{"background-position":"150%"},"100%":{"background-position":"-50%"}}};