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

30 lines (25 loc) 770 B
// src/components/progress-bar/progress-bar.custom.styles.ts import { css } from "lit"; var progress_bar_custom_styles_default = css` :host { --height: var(--syn-font-size-medium); --speed: 2.5s; --indicator-color: var(--syn-progress-indicator-color, var(--syn-color-primary-600)); --track-color: var(--syn-progress-track-color, var(--syn-color-neutral-200)); } .progress-bar { border-radius: var(--syn-border-radius-none); box-shadow: none; } .progress-bar__indicator { font: var(--syn-body-x-small-bold); } /* Indeterminate */ .progress-bar--indeterminate .progress-bar__indicator { animation-duration: var(--speed); } `; export { progress_bar_custom_styles_default }; //# sourceMappingURL=chunk.A7LOAARY.js.map