@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
JavaScript
// 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