@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
35 lines (30 loc) • 882 B
JavaScript
// src/components/menu/menu.custom.styles.ts
import { css } from "lit";
var menu_custom_styles_default = css`
:host {
border-radius: 0;
}
/*
* #368: Hide the checkmarks for menu items
* when no syn-menu-item[checkbox] or loading is present
*/
.menu--no-checkmarks::slotted(syn-menu-item) {
--display-checkmark: none;
}
/**
* Make sure to hide the syn-divider for the first syn-optgroup
* Note! ::slotted does currently not work with ::part, so we
* opted for using a css variable here.
*/
::slotted(syn-menu-label:first-of-type) {
--display-divider: none;
}
::slotted(syn-divider) {
/* #369: Slotted syn-dividers should use a lighter color so they do not crash with the border visually */
--color: var(--syn-color-neutral-200);
}
`;
export {
menu_custom_styles_default
};
//# sourceMappingURL=chunk.AVZITCPQ.js.map