@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
37 lines (31 loc) • 657 B
JavaScript
// src/components/spinner/spinner.custom.styles.ts
import { css } from "lit";
var spinner_custom_styles_default = css`
:host {
--speed: var(--syn-transition-x-slow);
}
.spinner__indicator {
stroke-dasharray: 75% 360%;
stroke-linecap: initial;
}
/**
* Make sure the spinner track is using the correct color.
*/
.spinner__track {
filter: saturate(0);
opacity: 0.16;
stroke: var(--indicator-color);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
`;
export {
spinner_custom_styles_default
};
//# sourceMappingURL=chunk.AWJ376R6.js.map