dora-ui/dist/dora-ui.min.css

A React.js Mobile UI Library

.dora-fade-appear,.dora-fade-enter,.dora-fade-exit-done{visibility:hidden;opacity:0}.dora-fade-appear-active,.dora-fade-enter-active{visibility:visible;opacity:1;transition:opacity .35s,visibility .35s}.dora-fade-enter-done,.dora-fade-exit{visibility:visible;opacity:1}.dora-fade-exit-active{visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}.dora-zoom-appear,.dora-zoom-enter,.dora-zoom-exit-done{transform:scale(0);opacity:0}.dora-zoom-appear-active,.dora-zoom-enter-active{transform:scale(1);transform-origin:50% 50%;opacity:1;transition:transform .35s;transition-timing-function:cubic-bezier(.18,.89,.32,1.28)}.dora-zoom-enter-done,.dora-zoom-exit{transform:scale(1);opacity:1}.dora-zoom-exit-active{transform:scale(0);transform-origin:50% 50%;opacity:0;transition:transform .35s;transition-timing-function:cubic-bezier(.6,-.3,.74,.05)}.dora-slide-up-appear,.dora-slide-up-enter,.dora-slide-up-exit-done{transform:translateY(100%)}.dora-slide-up-appear-active,.dora-slide-up-enter-active{transform:translate(0);transition:transform .35s}.dora-slide-up-enter-done,.dora-slide-up-exit{transform:translate(0)}.dora-slide-up-exit-active{transform:translateY(100%);transition:transform .35s}.dora-slide-down-appear,.dora-slide-down-enter,.dora-slide-down-exit-done{transform:translateY(-100%)}.dora-slide-down-appear-active,.dora-slide-down-enter-active{transform:translate(0);transition:transform .35s}.dora-slide-down-enter-done,.dora-slide-down-exit{transform:translate(0)}.dora-slide-down-exit-active{transform:translateY(-100%);transition:transform .35s}.dora-slide-left-appear,.dora-slide-left-enter,.dora-slide-left-exit-done{transform:translate(100%)}.dora-slide-left-appear-active,.dora-slide-left-enter-active{transform:translate(0);transition:transform .35s}.dora-slide-left-enter-done,.dora-slide-left-exit{transform:translate(0)}.dora-slide-left-exit-active{transform:translate(100%);transition:transform .35s}.dora-slide-right-appear,.dora-slide-right-enter,.dora-slide-right-exit-done{transform:translate(-100%)}.dora-slide-right-appear-active,.dora-slide-right-enter-active{transform:translate(0);transition:transform .35s}.dora-slide-right-enter-done,.dora-slide-right-exit{transform:translate(0)}.dora-slide-right-exit-active{transform:translate(-100%);transition:transform .35s}.dora-icon{overflow:hidden;vertical-align:-.15em;fill:currentColor}.dora-icon-sm{width:24px;height:24px}.dora-icon-md{width:36px;height:36px}.dora-icon-lg{width:48px;height:48px}.dora-icon-spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dora-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999;pointer-events:none}.dora-popup .dora-popup-mask{position:absolute;top:0;left:0;display:none;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.72);pointer-events:auto}.dora-popup .dora-popup-mask:before{display:block;width:1px;height:1px;margin-left:-10px;background-color:rgba(0,0,0,.1);content:"."}.dora-popup__mask .dora-popup-mask{display:block}.dora-popup .dora-popup-content{position:absolute;box-sizing:border-box;width:100%;color:#fff;pointer-events:auto;-webkit-overflow-scrolling:touch}.dora-popup .dora-popup-content ::-webkit-scrollbar{display:none}.dora-popup__center .dora-popup-content,.dora-popup__left .dora-popup-content,.dora-popup__right .dora-popup-content{width:auto;max-width:100%}.dora-popup__left .dora-popup-content,.dora-popup__right .dora-popup-content{height:100%}.dora-popup__center .dora-popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dora-popup__right .dora-popup-content{right:0}.dora-popup__bottom .dora-popup-content{bottom:0}.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}.dora-spin{position:relative}.dora-spin-spinner-container{position:absolute;top:0;left:0;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:hsla(0,0%,100%,.35)}.dora-spin-spinner-container__full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999}.dora-spin-text{color:#fff}.dora-spin-text-sm{padding-top:4px;font-size:12px;line-height:12px}.dora-spin-text-md{padding-top:6px;font-size:14px;line-height:14px}.dora-spin-text-lg{padding-top:8px;font-size:16px;line-height:16px}.dora-toast-container .dora-toast-content{min-width:44px;max-width:311px;padding:10px 16px;color:#fff;font-weight:400;font-size:15px;font-family:PingFangSC-Regular;line-height:23px;text-align:center;background-color:rgba(0,0,0,.72);border-radius:4px}.dora-toast-container .dora-toast-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}