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

Clarity Design System - common components, themes, and utilties

import{css as a}from"lit";var t=a`:host{--border-right:var(--cell-border-width) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-left:0;--min-width:var(--cds-alias-object-interaction-touch-target, calc(36 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--justify-content:var(--cell-justify-content, start);--padding-block:var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20)));--padding-inline-start:var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--padding-inline-end:var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));display:block;height:100%;outline:0!important;position:sticky}.private-host{justify-content:var(--justify-content);border-left:var(--border-left);background:var(--background);box-shadow:var(--box-shadow);border-right:var(--border-right);min-width:var(--min-width);font-size:var(--font-size);padding-inline-start:var(--padding-inline-start);padding-inline-end:var(--padding-inline-end);padding-block:var(--padding-block);color:var(--color);text-align:left;display:flex;gap:var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20)));line-height:1em;align-items:center;width:100%;height:100%;position:relative}:host([type=action]){--padding-block:0;--padding-inline-start:0;--padding-inline-end:0}:host([type=action]) .private-host{justify-content:center;min-width:var(--cds-global-space-11,calc(36 * 1rem / var(--cds-global-base,20)))}:host([highlight]) .private-host::after{display:block;position:absolute;inset:0;background:rgba(0,170,255,.2);content:"";pointer-events:none}[focusable]{outline-offset:calc(var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))*-1)!important}:host([type=action]:focus-within) [focusable]{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)!important;outline-offset:calc(var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))*-1)!important}@media (-webkit-min-device-pixel-ratio:0){:host([type=action]:focus-within) [focusable]{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)!important}}:host([type=action]:focus-within) ::slotted([cds-button-action]),:host([type=action]:focus-within) ::slotted([cds-control]){--cds-alias-object-interaction-outline-webkit:none!important;--cds-alias-object-interaction-outline:none!important;outline:0}`;export{t as default};
//# sourceMappingURL=grid-cell.element.scss.js.map