@acrool/react-modal
Version:
Modal library based for Reactjs
2 lines (1 loc) • 1.19 kB
CSS
body[class*=acrool__modal-open__]{overflow:hidden;overscroll-behavior-x:contain;max-width:100vw}body[class*=acrool__modal-open-fixed__]{overflow:hidden;overscroll-behavior-x:contain;max-width:100vw;position:fixed;top:0;bottom:0;left:0;right:0}.acrool-react-modal__root *,.acrool-react-modal__root *:before,.acrool-react-modal__root *:after{box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal}.acrool-react-modal__root{display:contents}.acrool-react-modal__motion-drawer{--default-modal-msak-index: 0;--default-modal-main-index: 900;--default-modal-drawer-index: 900;z-index:var(--modal-drawer-index, var(--default-modal-drawer-index));overflow:hidden;margin:0 auto;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.acrool-react-modal__motion-drawer.acrool-react-modal__fixedDisabled{display:contents}.acrool-react-modal__motion-mask-wrapper{background:rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--modal-msak-index, var(--default-modal-msak-index));pointer-events:auto}.acrool-react-modal__motion-animation-wrapper{position:relative;z-index:var(--modal-main-index, var(--default-modal-main-index))}