@synergy-design-system/components
Version:
35 lines (31 loc) • 1.01 kB
JavaScript
// src/components/menu/menu.styles.ts
import { css } from "lit";
var menu_styles_default = css`
:host {
background: var(--syn-panel-background-color);
border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);
border-radius: var(--syn-input-border-radius-medium);
display: block;
overflow: auto;
overscroll-behavior: none;
padding: var(--syn-spacing-x-small) 0;
position: relative;
}
::slotted(syn-divider) {
/* #369: Slotted syn-dividers should use a lighter color so they do not crash with the border visually */
--color: var(--syn-panel-border-color);
--spacing: var(--syn-spacing-x-small);
}
/**
* 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;
}
`;
export {
menu_styles_default
};
//# sourceMappingURL=chunk.M3HEPL2F.js.map