UNPKG

@synergy-design-system/components

Version:

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

54 lines (45 loc) 1.09 kB
// src/components/prio-nav/prio-nav.styles.ts import { css } from "lit"; var prio_nav_styles_default = css` :host { display: block; /** * Needed because the positioning of the priority menu is absolute */ position: relative !important; } .horizontal-nav { display: flex; flex: 1; gap: var(--syn-spacing-large); } /** * Priority Menu adjustments */ .priority-menu--hidden { visibility: hidden; } .priority-menu__label { display: none; } .priority-menu__label--visible { display: block; } /** * Make the available small click area accessible by adding paddings */ .priority-menu--has-visible-items .priority-menu__icon { padding-left: var(--syn-spacing-small); padding-right: var(--syn-spacing-small); } /** * Remove the margin from the content container if it is not visible */ .priority-menu--has-visible-items .priority-menu__nav-item::part(content-container) { margin-inline-start: 0; } `; export { prio_nav_styles_default }; //# sourceMappingURL=chunk.74N5WLM5.js.map