@ophiuchus/popup
Version:
1 lines • 1.97 kB
CSS
.sf-overflow-hidden{overflow:hidden}.sf-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;transition:transform .3s;-webkit-overflow-scrolling:touch}.sf-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.sf-popup--center.sf-popup--round{border-radius:16px}.sf-popup--top{top:0;left:0;width:100%}.sf-popup--top.sf-popup--round{border-radius:0 0 16px 16px}.sf-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.sf-popup--right.sf-popup--round{border-radius:16px 0 0 16px}.sf-popup--bottom{bottom:0;left:0;width:100%}.sf-popup--bottom.sf-popup--round{border-radius:16px 16px 0 0}.sf-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.sf-popup--left.sf-popup--round{border-radius:0 16px 16px 0}.sf-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.sf-popup-slide-bottom-enter-active,.sf-popup-slide-left-enter-active,.sf-popup-slide-right-enter-active,.sf-popup-slide-top-enter-active{transition-timing-function:ease-out}.sf-popup-slide-bottom-leave-active,.sf-popup-slide-left-leave-active,.sf-popup-slide-right-leave-active,.sf-popup-slide-top-leave-active{transition-timing-function:ease-in}.sf-popup-slide-top-enter,.sf-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.sf-popup-slide-right-enter,.sf-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.sf-popup-slide-bottom-enter,.sf-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.sf-popup-slide-left-enter,.sf-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.sf-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.sf-popup__close-icon:active{color:#969799}.sf-popup__close-icon--top-left{top:16px;left:16px}.sf-popup__close-icon--top-right{top:16px;right:16px}.sf-popup__close-icon--bottom-left{bottom:16px;left:16px}.sf-popup__close-icon--bottom-right{right:16px;bottom:16px}