@cds/core
Version:
Clarity Design System - common components, themes, and utilties
3 lines (2 loc) • 1.92 kB
JavaScript
import{css as a}from"lit";var o=a`:host{--width:75%;--inset-inline-start:auto;--inset-inline-end:0;--backdrop-background:none;width:var(--width);display:block;z-index:99;position:absolute;inset:0;inset-inline-start:var(--inset-inline-start);inset-inline-end:var(--inset-inline-end)}.private-host{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));z-index:998;border:0;color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000));border-inline-start:var(--cds-alias-object-border-width-100,calc(1 * 1rem / var(--cds-global-base,20))) solid var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8));margin:0;display:block;width:100%;height:100%;padding:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)));overflow-y:auto}:host([_overlay=full]){inset:0!important}:host([position=bottom]){--width:100%!important}:host([position=bottom]) .private-host{border-inline-start:0;border-block-start:var(--cds-alias-object-border-width-100,calc(1 * 1rem / var(--cds-global-base,20))) solid var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8))}:host([position=bottom]) .caret{display:none}::slotted([part=close]){position:absolute;top:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)));inset-inline-end:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}.caret{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));width:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));height:calc(var(--row-height) - var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));position:absolute;inset-inline-start:calc(var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))*-1);top:var(--caret-top);z-index:999}`;export{o as default};
//# sourceMappingURL=grid-detail.element.scss.js.map