js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

restore spinner animation

Browse Source
This commit is contained in:
Cory LaViska
2022-01-20 08:53:34 -05:00
parent 27b5e3daa7
commit e08236eaff
3 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/spinner/spinner.styles.ts
View File

@@ -8,7 +8,7 @@ export default css`
--track-width: 2px;
--track-color: rgb(128 128 128 / 25%);
--indicator-color: var(--sl-color-primary-600);
--speed: 800ms;
--speed: 2s;
display: inline-flex;
width: 1em;
@@ -47,10 +47,17 @@ export default css`
@keyframes spin {
0% {
transform: rotate(0deg);
stroke-dasharray: 0.01em, 2.75em;
}
50% {
transform: rotate(450deg);
stroke-dasharray: 1.375em, 1.375em;
}
100% {
transform: rotate(360deg);
transform: rotate(1080deg);
stroke-dasharray: 0.01em, 2.75em;
}
}
`;