@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
JavaScript
// 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 ;
}
.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