@atlaskit/modal-dialog
Version:
A modal dialog displays content that requires user interaction, in a layer above the page.
28 lines • 1.63 kB
CSS
._2rkoidpf{border-radius:0}
._152tze3t{inset-block-start:var(--ds-space-0,0)}
._18m91wug{overflow-y:auto}
._18m9ewfl{overflow-y:visible}
._18u0idpf{margin-left:0}
._19pkidpf{margin-top:0}
._1bsbauwl{width:100vw}
._1dg11kw7>form:only-child{flex-direction:inherit}
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
._1e0c1txw{display:flex}
._1mq81kw7>form:only-child{display:inherit}
._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
._1reoewfl{overflow-x:visible}
._2hwxidpf{margin-right:0}
._2lx21bp4{flex-direction:column}
._4t3i1kxc{height:100vh}
._8am5i4x0{-webkit-overflow-scrolling:touch}
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
._kqsw1n9t{position:fixed}
._lcxv1wug{pointer-events:auto}
._ln19p27b{scrollbar-gutter:stable}
._m01u1kw7>form:only-child{max-height:inherit}
._otyridpf{margin-bottom:0}
._syazi7uo{color:var(--ds-text,#292a2e)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
._ra3xnqa1:focus-visible{outline-style:solid}
@media (min-width:30rem){._1jyk17ks{height:var(--modal-dialog-height)}._g7116m9r{width:var(--modal-dialog-width)}._we1i18uh{max-width:calc(100vw - 90pt)}._1sg41wqb{margin-top:60px}._maxs1wug{margin-right:auto}._1jvh1wqb{margin-bottom:60px}._1uca1wug{margin-left:auto}._1mpv184x{min-height:min-content}._e8uo1ris{max-height:max-content}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}}