@atlaskit/modal-dialog
Version:
A modal dialog displays content that requires user interaction, in a layer above the page.
27 lines (26 loc) • 1.75 kB
CSS
._16jlidpf{flex-grow:0}
._1bsb1osq{width:100%}
._1dg11kw7>form:only-child{flex-direction:inherit}
._1e0c1txw{display:flex}
._1mq81kw7>form:only-child{display:inherit}
._1o9zkb7n{flex-shrink:1}
._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
._1tke1kxc{min-height:100vh}
._1tkeidpf{min-height:0}
._2lx21bp4{flex-direction:column}
._4t3i1osq{height:100%}
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
._c71l1kw7{max-height:inherit}
._c71l1kxc{max-height:100vh}
._c71lglyw{max-height:none}
._i0dl1wug{flex-basis:auto}
._lcxv1wug{pointer-events:auto}
._m01u1kw7>form:only-child{max-height:inherit}
._p12f1kw7{max-width:inherit}
._p12fauwl{max-width:100vw}
._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 screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
@media (min-width:30rem){._1jyk1osq{height:100%}._1jyk1wug{height:auto}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxfajl{border-radius:var(--ds-radius-small,3px)}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}}