@atlaskit/modal-dialog
Version:
A modal dialog displays content that requires user interaction, in a layer above the page.
25 lines (24 loc) • 1.59 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)}
._c71l1kxc{max-height:100vh}
._c71lglyw{max-height:none}
._i0dl1wug{flex-basis:auto}
._lcxv1wug{pointer-events:auto}
._m01u1kw7>form:only-child{max-height:inherit}
._p12fauwl{max-width:100vw}
._syaz1fxt{color:var(--ds-text,#172b4d)}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
._1ah31bk5:focus-visible{outline-offset:var(--ds-border-width-outline,2px)}
._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
._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){._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkx1sit{border-radius:var(--ds-border-radius,3px)}._we1i1kw7{max-width:inherit}._zg7p1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}}