1 | @keyframes prism-keyframes-circular-rotate {
|
2 | 100% {
|
3 | transform: rotate(360deg);
|
4 | }
|
5 | }
|
6 | @keyframes prism-keyframes-circular-dash {
|
7 | 0% {
|
8 | stroke-dasharray: 1px, 200px;
|
9 | stroke-dashoffset: 0px;
|
10 | }
|
11 | 50% {
|
12 | stroke-dasharray: 100px, 200px;
|
13 | stroke-dashoffset: -15px;
|
14 | }
|
15 | 100% {
|
16 | stroke-dasharray: 100px, 200px;
|
17 | stroke-dashoffset: -125px;
|
18 | }
|
19 | }
|
20 | .prism-loading-indicator {
|
21 | width: 44px;
|
22 | height: 44px;
|
23 | animation: prism-keyframes-circular-rotate 1.4s linear infinite;
|
24 | }
|
25 | .prism-loading-indicator circle {
|
26 | stroke: #61b3cf;
|
27 | animation: prism-keyframes-circular-dash 1.4s ease-in-out infinite;
|
28 | stroke-dasharray: 80px, 200px;
|
29 | stroke-dashoffset: 0px;
|
30 | } |
\ | No newline at end of file |