-
Notifications
You must be signed in to change notification settings - Fork 4
/
quack.min.css
1 lines (1 loc) · 2.03 KB
/
quack.min.css
1
.quackoverflow{bottom:-54px;transition:bottom .1s cubic-bezier(.165, .84, .44, 1)}.quackoverflow.is-visible{bottom:24px}.quack-popover{position:absolute;visibility:hidden;opacity:0;z-index:-1;transform:translate3d(0, 25%, 0) scale3d(.5, .5, .5);will-change:transform}.quack-popover.is-visible{opacity:1;visibility:visible;z-index:1;transition:transform 100ms cubic-bezier(.165, .84, .44, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.quack-popover .has-width{width:270px}.quack-popover .step{transition:all 2s ease}.quack-popover .quack-popover--arrow{position:absolute;display:block;width:16px;height:8px;bottom:-8px;right:33px}.quack-popover .quack-popover--arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:8px 8px 0 8px;bottom:0;border-top-color:#D6D9DC}.quack-popover .quack-popover--arrow:after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:8px 8px 0 8px;bottom:1px;border-top-color:#fff}#waves,#waves-b{width:100%;height:70px}.quack-loading{position:relative;display:block;width:70px;height:70px;margin:0 auto;text-align:center}.quack-loading .loading-center{position:absolute;background:#fff;top:50%;left:50%;width:74px;height:74px;margin-top:-37px;margin-left:-37px;border-radius:50%}.quack-loading .ring{display:block;position:absolute;border-radius:50%;animation:wave 1.2s infinite linear}.quack-loading .ring01{left:-6%;right:-2%;top:-7%;bottom:-5%;transform-origin:46% 53%;animation-delay:0;background-color:rgba(201,29,46,0.15)}.quack-loading .ring02{left:-4%;right:-4%;top:-9%;bottom:-2%;transform-origin:47% 50%;animation-delay:-1s;background-color:rgba(242,114,12,0.5)}.quack-loading .ring03{left:-8%;right:-4%;top:-6%;bottom:-5%;transform-origin:49% 53%;animation-delay:-1.5s;background-color:rgba(255,255,25,0.25)}.quack-loading .ring04{left:-5%;right:-6%;top:-9%;bottom:-3%;transform-origin:47% 52%;animation-delay:-2s;background-color:rgba(76,141,189,0.25)}@keyframes wave{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}