dora-ui/lib/spinner/style/index.css

A React.js Mobile UI Library

.dora-spinner__sm{transform:scale(.8)}.dora-spinner__md{transform:scale(1)}.dora-spinner__lg{transform:scale(1.5)}.dora-spinner__wave{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:50px;height:38px}@keyframes animation-dora-spinner__wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.2)}}.dora-spinner__wave .dora-spinner-rect{width:4px;height:100%;background-color:#f86441;border-radius:20px;animation:animation-dora-spinner__wave .8s linear infinite}.dora-spinner__wave .dora-spinner-rect1{animation-delay:-.2s}.dora-spinner__wave .dora-spinner-rect2{animation-delay:-.4s}.dora-spinner__wave .dora-spinner-rect3{animation-delay:-.6s}.dora-spinner__normal{position:relative;display:inline-block;width:38px;height:38px}@keyframes animation-dora-spinner__normal{0%{opacity:1}to{opacity:0}}.dora-spinner__normal>div{transform-origin:19px 19px;animation:animation-dora-spinner__normal .8s linear infinite}.dora-spinner__normal>div:after{position:absolute;top:2px;left:18px;display:block;width:4px;height:8px;background:#fff;border-radius:4px;content:" "}.dora-spinner__normal>div:first-child{transform:rotate(0deg);animation-delay:-.7s}.dora-spinner__normal>div:nth-child(2){transform:rotate(45deg);animation-delay:-.6s}.dora-spinner__normal>div:nth-child(3){transform:rotate(90deg);animation-delay:-.5s}.dora-spinner__normal>div:nth-child(4){transform:rotate(135deg);animation-delay:-.4s}.dora-spinner__normal>div:nth-child(5){transform:rotate(180deg);animation-delay:-.3s}.dora-spinner__normal>div:nth-child(6){transform:rotate(225deg);animation-delay:-.2s}.dora-spinner__normal>div:nth-child(7){transform:rotate(270deg);animation-delay:-.1s}.dora-spinner__normal>div:nth-child(8){transform:rotate(315deg);animation-delay:0}