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

Clarity Design System - common components, themes, and utilties

import{css as o}from"lit";var r=o`@keyframes fadein{0%{opacity:0}to{opacity:1}}[hidden]{display:none!important}:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--body-height:auto;--body-min-height:auto;--scrollbar-background:var(--background);--scrollbar-thumb-background:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--column-height:var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20)));--row-height:var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20)));--scroll-padding-top:var(--column-height);--row-content-visibility:auto;--column-text-align:left;--cell-text-algin:left;width:100%;display:block;position:relative}:host([range-selection]){user-select:none}:host([border*=cell]) ::slotted(cds-grid-row),:host([border*=column]) ::slotted(cds-grid-row){--cell-border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)))}:host([border*=column]) ::slotted(cds-grid-row){--border-top:0;--border-bottom:0}:host([border*=none]) ::slotted(cds-grid-row),:host([border*=stripe]) ::slotted(cds-grid-row){--border-top:0;--border-bottom:0}::slotted(cds-grid-row:first-of-type){--border-top:0}::slotted(cds-grid-row:last-of-type){--border-bottom: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([border*=stripe]) ::slotted(cds-grid-row:nth-child(even)){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([column-align*=center]){--column-justify-content:center;--cell-justify-content:center}:host([column-align*=right]){--column-justify-content:flex-end;--cell-justify-content:flex-end}:host([cds-theme=compact]){--cds-alias-object-interaction-touch-target:calc(var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20))))}.private-host{border: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));border-radius:var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20)));background:var(--background);position:relative}.scroll-container{overflow:auto;height:var(--body-height,100%);min-height:var(--body-min-height,auto);width:100%;display:flex;flex-direction:column;scroll-padding-top:var(--scroll-padding-top);background:var(--cds-alias-object-container-background-tint,var(--cds-global-color-construction-50,#f1f6f8))}:host([scroll-lock]) .scroll-container{overflow:hidden}.body-row-group{display:flex;flex-direction:column;flex:1 1 0%;min-width:fit-content;margin-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)));background:var(--background)}.body-row-group:first-child,.column-row-group:first-child{display:contents}.column-row{display:grid;top:0;position:sticky;z-index:99;min-width:fit-content;grid-template-columns:var(--ch-grid);background:var(--cds-alias-object-container-background-tint,var(--cds-global-color-construction-50,#f1f6f8));box-shadow:0 var(--cds-alias-object-border-width-100,calc(1 * 1rem / var(--cds-global-base,20))) 0 var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8))}.footer{background:var(--background)}::slotted(cds-grid-row:not([cds-draggable=target]):first-of-type){--box-shadow:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid transparent}::-webkit-scrollbar{width:var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20)));height:var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20)));background:0 0}::-webkit-scrollbar-track{margin-top:var(--cds-alias-object-interaction-touch-target,calc(36 * 1rem / var(--cds-global-base,20)));box-shadow:inset 0 0 var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20))) var(--scrollbar-background)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-background);border-radius:var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20)));border:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))) solid var(--scrollbar-background)}::-webkit-scrollbar-corner{background:0 0}`;export{r as default};
//# sourceMappingURL=grid.element.scss.js.map