UNPKG

@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 (31 loc) 1.18 kB
// src/components/option/option-size.styles.ts import { css } from "lit"; var option_size_styles_default = css` /** * Size adjustments for syn-select and other widgets that use syn-option * This allows to share the common settings between all components that * should be able to set the size of a syn-option tag. */ :host([size="small"]) { --option-min-height: var(--syn-input-height-small); --option-padding: 0 var(--syn-input-spacing-small); --option-font-size: var(--syn-input-font-size-small); --option-icon-size: var(--syn-spacing-medium); } :host([size="medium"]) { --option-min-height: var(--syn-input-height-medium); --option-padding: 0 var(--syn-input-spacing-medium); --option-font-size: var(--syn-input-font-size-medium); --option-icon-size: var(--syn-spacing-large); } :host([size="large"]) { --option-min-height: var(--syn-input-height-large); --option-padding: 0 var(--syn-input-spacing-large); --option-font-size: var(--syn-input-font-size-large); --option-icon-size: var(--syn-spacing-x-large); } `; export { option_size_styles_default }; //# sourceMappingURL=chunk.QC7X32ZP.js.map