@synergy-design-system/components
Version:
57 lines (46 loc) • 1.32 kB
JavaScript
// src/components/dropdown/dropdown.styles.ts
import { css } from "lit";
var dropdown_styles_default = css`
:host {
display: inline-block;
}
.dropdown::part(popup) {
z-index: var(--syn-z-index-dropdown);
}
.dropdown[data-current-placement^='top']::part(popup) {
transform-origin: bottom;
}
.dropdown[data-current-placement^='bottom']::part(popup) {
transform-origin: top;
}
.dropdown[data-current-placement^='left']::part(popup) {
transform-origin: right;
}
.dropdown[data-current-placement^='right']::part(popup) {
transform-origin: left;
}
.dropdown__trigger {
display: block;
}
.dropdown__panel {
border-radius: var(--syn-border-radius-medium);
box-shadow: var(--syn-shadow-large);
font-family: var(--syn-font-sans);
font-size: var(--syn-font-size-medium);
font-weight: var(--syn-font-weight-normal);
pointer-events: none;
}
.dropdown--open .dropdown__panel {
display: block;
pointer-events: all;
}
/* When users slot a menu, make sure it conforms to the popup's auto-size */
::slotted(syn-menu) {
max-height: var(--auto-size-available-height) ;
max-width: var(--auto-size-available-width) ;
}
`;
export {
dropdown_styles_default
};
//# sourceMappingURL=chunk.TUSN4AOP.js.map