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

Clarity Design System - common components, themes, and utilties

import{css as a}from"lit";var o=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xxl, calc(48 * 1rem / var(--cds-global-base, 20)));--expanded-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 20);--line-height:var(--cds-global-space-11, calc(36 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-4, calc(14 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.00714286em);--nested-padding:var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20)));--padding:0 var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20)));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export{o as default};
//# sourceMappingURL=navigation.element.scss.js.map