ldrs/dist/react/Leapfrog.js

Tiny HTML and SVG loaders as web components

import{jsx as e,jsxs as a}from"react/jsx-runtime";import{s as t}from"../style-inject.es-BnTDb6vU.js";var i="Leapfrog_container__wsrqH",r="Leapfrog_inner__hV0Ps",s="Leapfrog_dot__y3Jv-";function o({size:t=40,color:o="black",speed:n=2.5}){return e("div",{className:i,style:{"--uib-size":t+"px","--uib-color":o,"--uib-speed":n+"s"},children:a("div",{className:r,children:[e("div",{className:s}),e("div",{className:s}),e("div",{className:s})]})})}t('.Leapfrog_container__wsrqH{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.62);height:calc(var(--uib-size)*.6);justify-content:center;width:var(--uib-size)}.Leapfrog_inner__hV0Ps{align-items:center;display:flex;height:var(--uib-size);justify-content:space-between;left:0;position:relative;top:15%;width:var(--uib-size)}.Leapfrog_dot__y3Jv-{align-items:center;display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:100%}.Leapfrog_dot__y3Jv-:before{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:calc(var(--uib-size)*.22);transition:background-color .3s ease;width:calc(var(--uib-size)*.22)}.Leapfrog_dot__y3Jv-:first-child{animation:Leapfrog_leapFrog__E2DZ4 var(--uib-speed) ease infinite}.Leapfrog_dot__y3Jv-:nth-child(2){animation:Leapfrog_leapFrog__E2DZ4 var(--uib-speed) ease calc(var(--uib-speed)/-1.5) infinite;transform:translateX(calc(var(--uib-size)*.4))}.Leapfrog_dot__y3Jv-:nth-child(3){animation:Leapfrog_leapFrog__E2DZ4 var(--uib-speed) ease calc(var(--uib-speed)/-3) infinite;transform:translateX(calc(var(--uib-size)*.8)) rotate(0deg)}@keyframes Leapfrog_leapFrog__E2DZ4{0%{transform:translateX(0) rotate(0deg)}33.333%{transform:translateX(0) rotate(180deg)}66.666%{transform:translateX(calc(var(--uib-size)*-.38)) rotate(180deg)}99.999%{transform:translateX(calc(var(--uib-size)*-.78)) rotate(180deg)}to{transform:translateX(0) rotate(0deg)}}');export{o as default};
//# sourceMappingURL=Leapfrog.js.map