@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
3 lines (2 loc) • 788 B
JavaScript
import{jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as a}from"../../core/utils.js";import{createStyles as o}from"../../core/style.js";const t=o("skeleton",{"@keyframes skeleton-loading":{"0%":{backgroundPosition:"100% 100%"},"100%":{backgroundPosition:"0% 0%"}},".skeleton":{background:"linear-gradient(135deg, var(--f-clr-grey-200) 25%, var(--f-clr-grey-100) 50%, var(--f-clr-grey-200) 75%)",backgroundSize:"400% 400%",animation:"skeleton-loading 2.5s linear infinite"}});function i({cc:o={},w:i,h:s,ar:n,radius:l="sml",...c}){const d=r(t,o);return e("div",{...c,className:a(d.skeleton,c.className),style:{width:i,height:s,borderRadius:"max"!==l?`var(--f-radius-${l})`:"999px",aspectRatio:n,...c.style}})}export{i as default};
//# sourceMappingURL=skeleton.js.map