ldrs/dist/react/Zoomies.js

Tiny HTML and SVG loaders as web components

import{jsx as e}from"react/jsx-runtime";import{s as o}from"../style-inject.es-BnTDb6vU.js";var i="Zoomies_container__KaFXJ",r="Zoomies_inner__ZNhnj";function n({size:o=80,color:n="black",speed:t=1.4,stroke:s=5,bgOpacity:a=.1}){return e("div",{className:i,style:{"--uib-size":o+"px","--uib-color":n,"--uib-speed":t+"s","--uib-stroke":s+"px","--uib-bg-opacity":a+""},children:e("div",{className:r})})}o('.Zoomies_container__KaFXJ{display:inline-flex;flex-shrink:0}.Zoomies_container__KaFXJ,.Zoomies_inner__ZNhnj{align-items:center;height:var(--uib-stroke);justify-content:center;width:var(--uib-size)}.Zoomies_inner__ZNhnj{border-radius:calc(var(--uib-stroke)/2);display:flex;overflow:hidden;position:relative;transform:translateZ(0)}.Zoomies_inner__ZNhnj:before{left:0;opacity:var(--uib-bg-opacity);position:absolute;top:0}.Zoomies_inner__ZNhnj:after,.Zoomies_inner__ZNhnj:before{background-color:var(--uib-color);content:"";height:100%;transition:background-color .3s ease;width:100%}.Zoomies_inner__ZNhnj:after{animation:Zoomies_zoom__xyjbE var(--uib-speed) ease-in-out infinite;border-radius:calc(var(--uib-stroke)/2);transform:translateX(-100%)}@keyframes Zoomies_zoom__xyjbE{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}');export{n as default};
//# sourceMappingURL=Zoomies.js.map