@cds/core/modal/modal.element.scss.js

Clarity Design System - common components, themes, and utilties

import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-14, calc(72 * 1rem / var(--cds-global-base, 20))));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-14, calc(72 * 1rem / var(--cds-global-base, 20))))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-14, calc(72 * 1rem / var(--cds-global-base, 20))))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-14, calc(72 * 1rem / var(--cds-global-base, 20))))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){flex-grow:0;margin:0}cds-internal-close-button{transform:translate(.35rem,-.25rem)}}`;export{o as default};
//# sourceMappingURL=modal.element.scss.js.map