ldrs/dist/react/Wobble.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 t="Wobble_container__nBLwM",r="Wobble_inner__kf-ft";function n({size:i=45,color:n="black",speed:a=.9}){return e("div",{className:t,style:{"--uib-size":i+"px","--uib-color":n,"--uib-speed":a+"s"},children:e("div",{className:r})})}i('.Wobble_container__nBLwM{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.25);justify-content:center;width:var(--uib-size)}.Wobble_inner__kf-ft{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative;width:100%}.Wobble_inner__kf-ft:before{animation:Wobble_wobble__Snskt var(--uib-speed) calc(var(--uib-speed)*-.1) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:calc(var(--uib-size)*.25);transform:translateY(calc(var(--uib-size)*-.4));transition:background-color .3s ease;width:25%}@keyframes Wobble_wobble__Snskt{0%,to{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size)*.75))}}');export{n as default};
//# sourceMappingURL=Wobble.js.map