daisyui/components/skeleton/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-300)","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-position-x":"-50%"},"@media (prefers-reduced-motion: reduce)":{".skeleton":{"transition-duration":"15s"}},"@media (prefers-reduced-motion: no-preference)":{".skeleton":{"animation":"skeleton 1.8s ease-in-out infinite"}}},"@layer daisyui.l1.l2":{".skeleton-text":{"background-clip":"text","webkit-background-clip":"text","color":"transparent","background-image":"linear-gradient( 105deg, color-mix(in oklab, var(--color-base-content) 20%, transparent) 0% 40%, var(--color-base-content) 50%, color-mix(in oklab, var(--color-base-content) 20%, transparent) 60% 100% )"}},"@keyframes skeleton":{"0%":{"background-position":"150%"},"100%":{"background-position":"-50%"}}};