ldrs/dist/react/Pulsar.js

Tiny HTML and SVG loaders as web components

import{jsx as e}from"react/jsx-runtime";import{s as i}from"../style-inject.es-BnTDb6vU.js";var r="Pulsar_container__9WpDi",a="Pulsar_inner__gYg7D";function s({size:i=40,color:s="black",speed:t=1.75}){return e("div",{className:r,style:{"--uib-size":i+"px","--uib-color":s,"--uib-speed":t+"s"},children:e("div",{className:a})})}i('.Pulsar_container__9WpDi{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}.Pulsar_inner__gYg7D{height:var(--uib-size);position:relative;width:var(--uib-size)}.Pulsar_inner__gYg7D:after,.Pulsar_inner__gYg7D:before{animation:Pulsar_pulse__QVh1i var(--uib-speed) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:background-color .3s ease;width:100%}.Pulsar_inner__gYg7D:after{animation-delay:calc(var(--uib-speed)/-2)}@keyframes Pulsar_pulse__QVh1i{0%,to{opacity:1;transform:scale(0)}50%{opacity:.25;transform:scale(1)}}');export{s as default};
//# sourceMappingURL=Pulsar.js.map