ldrs/dist/react/Ripples.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 a="Ripples_container__JcQ6I",s="Ripples_inner__57XwP",r="Ripples_dot__qgP0-";function t({size:i=45,color:t="black",speed:n=2}){return e("div",{className:a,style:{"--uib-size":i+"px","--uib-color":t,"--uib-speed":n+"s"},children:e("div",{className:s,children:e("div",{className:r})})})}i('.Ripples_container__JcQ6I{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}.Ripples_inner__57XwP{height:var(--uib-size);position:relative;width:var(--uib-size)}.Ripples_dot__qgP0-:after,.Ripples_dot__qgP0-:before,.Ripples_inner__57XwP:after,.Ripples_inner__57XwP:before{animation:Ripples_pulse__58A9t 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%}.Ripples_inner__57XwP:after{animation-delay:calc(var(--uib-speed)/-4)}.Ripples_dot__qgP0-:before{animation-delay:calc(var(--uib-speed)*-.5)}.Ripples_dot__qgP0-:after{animation-delay:calc(var(--uib-speed)*-.75)}@keyframes Ripples_pulse__58A9t{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}');export{t as default};
//# sourceMappingURL=Ripples.js.map