@uva-glass/component-library
Version:
React components UvA
2 lines (1 loc) • 2.52 kB
CSS
._modal-dialog_rtimw_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_rtimw_18{padding:0}._modal-dialog__content_rtimw_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_rtimw_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_rtimw_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_rtimw_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_rtimw_48:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._modal-dialog__buttons--shadow_rtimw_78:before{opacity:1}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_rtimw_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_rtimw_18{width:34.25rem}._modal-dialog--slim_rtimw_100{width:27.5rem}._modal-dialog--wide_rtimw_104{width:36rem}._modal-dialog__title_rtimw_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_rtimw_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_rtimw_118{margin-bottom:5.75rem}._modal-dialog__children_rtimw_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_rtimw_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_rtimw_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_rtimw_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}