@atlaskit/modal-dialog
Version:
A modal dialog displays content that requires user interaction, in a layer above the page.
16 lines • 935 B
CSS
._152tidpf{inset-block-start:0}
._1bsb1osq{width:100%}
._1e02idpf{inset-inline-start:0}
._1e0c1txw{display:flex}
._1pby16oo{z-index:510}
._2lx21bp4{flex-direction:column}
._4t3i1osq{height:100%}
._4t3i1wug{height:auto}
._k8m01e03{transition-property:transform}
._kqsw1n9t{position:fixed}
._kqswh2mm{position:relative}
._p12f1osq{max-width:100%}
._t9ec1b95{transform:translateY(var(--modal-dialog-translate-y))}
._t9ecglyw{transform:none}
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41nf8{inset-block-start:60px}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}