@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
28 lines (23 loc) • 598 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;
}
.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.AMAK44YX.js.map