@lobehub/ui/es/base-ui/Skeleton/style.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Skeleton/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst sweep = keyframes`\n  0% {\n    translate: -100% 0;\n  }\n\n  100% {\n    translate: 100% 0;\n  }\n`;\n\nconst fade = keyframes`\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .5;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      flex: none;\n    `,\n\n    base: css`\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillContent};\n\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n\n        &::after {\n          display: none;\n        }\n      }\n    `,\n\n    fade: css`\n      will-change: opacity;\n      animation: ${fade} 1.6s ease-in-out infinite;\n    `,\n\n    sweep: css`\n      &::after {\n        pointer-events: none;\n        will-change: transform;\n        content: '';\n\n        position: absolute;\n        inset: 0;\n\n        background: linear-gradient(\n          90deg,\n          transparent 0%,\n          ${cssVar.colorFill} 50%,\n          transparent 100%\n        );\n\n        animation: ${sweep} 1.4s ease infinite;\n      }\n    `,\n\n    text: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,QAAQ,SAAS;;;;;;;;;AAUvB,MAAM,OAAO,SAAS;;;;;;;;;;AAWtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;EAIX,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;oBAEvB,OAAO,iBAAiB;;;;;;;;;;EAWxC,MAAM,GAAG;;mBAEM,KAAK;;EAGpB,OAAO,GAAG;;;;;;;;;;;;YAYF,OAAO,UAAU;;;;qBAIR,MAAM;;;EAIvB,MAAM,GAAG;;;;;CAKX;AACF,CAAC"}