ldrs/dist/react/Miyagi.js

Tiny HTML and SVG loaders as web components

import{jsx as i,jsxs as a}from"react/jsx-runtime";import{s as e}from"../style-inject.es-BnTDb6vU.js";var r="Miyagi_container__E-lVX",t="Miyagi_inner__JGwR2",s="Miyagi_line__szG-r";function n({size:e=35,color:n="black",speed:l=.9,stroke:o=3.5}){return i("div",{className:r,style:{"--uib-size":e+"px","--uib-color":n,"--uib-speed":l+"s","--uib-stroke":o+"px"},children:a("div",{className:t,children:[i("div",{className:s}),i("div",{className:s}),i("div",{className:s}),i("div",{className:s}),i("div",{className:s}),i("div",{className:s})]})})}e(".Miyagi_container__E-lVX{display:inline-flex;flex-shrink:0}.Miyagi_container__E-lVX,.Miyagi_inner__JGwR2{align-items:center;height:var(--uib-size);justify-content:center;width:var(--uib-size)}.Miyagi_inner__JGwR2{display:flex;position:relative}.Miyagi_line__szG-r{animation:Miyagi_rotate__ViXp7 var(--uib-speed) ease-in-out infinite alternate;background-color:var(--uib-color);border-radius:calc(var(--uib-stroke)/2);height:var(--uib-stroke);left:0;position:absolute;top:calc(50% - var(--uib-stroke)/2);transition:background-color .3s ease;width:100%}.Miyagi_line__szG-r:first-child,.Miyagi_line__szG-r:nth-child(2){animation-delay:calc(var(--uib-speed)*-.375)}.Miyagi_line__szG-r:nth-child(2){opacity:.8}.Miyagi_line__szG-r:nth-child(3){animation-delay:calc(var(--uib-speed)*-.3);opacity:.6}.Miyagi_line__szG-r:nth-child(4){animation-delay:calc(var(--uib-speed)*-.225);opacity:.4}.Miyagi_line__szG-r:nth-child(5){animation-delay:calc(var(--uib-speed)*-.15);opacity:.2}.Miyagi_line__szG-r:nth-child(6){animation-delay:calc(var(--uib-speed)*-.075);opacity:.1}@keyframes Miyagi_rotate__ViXp7{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}");export{n as default};
//# sourceMappingURL=Miyagi.js.map