ldrs
Version:
Tiny HTML and SVG loaders as web components
3 lines (2 loc) • 1.06 kB
JavaScript
import{jsx as i}from"react/jsx-runtime";import{s as e}from"../style-inject.es-BnTDb6vU.js";var n="Ping_container__ofgaF",r="Ping_inner__Wu9HW";function a({size:e=45,color:a="black",speed:t=2}){return i("div",{className:n,style:{"--uib-size":e+"px","--uib-color":a,"--uib-speed":t+"s"},children:i("div",{className:r})})}e('.Ping_container__ofgaF{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.Ping_container__ofgaF,.Ping_inner__Wu9HW{height:var(--uib-size);width:var(--uib-size)}.Ping_inner__Wu9HW{position:relative}.Ping_inner__Wu9HW:after,.Ping_inner__Wu9HW:before{animation:Ping_pulse__jQHgu var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:background-color .3s ease;width:100%}.Ping_inner__Wu9HW:after{animation-delay:calc(var(--uib-speed)/-2)}@keyframes Ping_pulse__jQHgu{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}');export{a as default};
//# sourceMappingURL=Ping.js.map