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

A React.js Mobile UI Library

.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}