@synergy-design-system/components
Version:
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