File tree Expand file tree Collapse file tree 3 files changed +47
-60
lines changed Expand file tree Collapse file tree 3 files changed +47
-60
lines changed Original file line number Diff line number Diff line change 11import { styled , keyframes } from 'goober' ;
22
33const circleAnimation = keyframes `
4- from {
5- transform: scale(0) rotate(45deg);
6- opacity: 0;
7- }
8-
9- to {
10- transform: scale(1) rotate(45deg);
11- opacity: 1;
12- }
13- ` ;
4+ from {
5+ transform: scale(0) rotate(45deg);
6+ opacity: 0;
7+ }
8+ to {
9+ transform: scale(1) rotate(45deg);
10+ opacity: 1;
11+ }` ;
1412
1513const checkmarkAnimation = keyframes `
16- 0% {
17- height: 0;
18- width: 0;
19- opacity: 0;
20- }
21-
22- 40% {
23- height: 0;
24- width: 6px;
25- opacity: 1;
26- }
27-
28- 100% {
29- opacity: 1;
30- height: 10px;
31- }
32- ` ;
14+ 0% {
15+ height: 0;
16+ width: 0;
17+ opacity: 0;
18+ }
19+ 40% {
20+ height: 0;
21+ width: 6px;
22+ opacity: 1;
23+ }
24+ 100% {
25+ opacity: 1;
26+ height: 10px;
27+ }` ;
3328
3429export interface CheckmarkTheme {
3530 primary ?: string ;
Original file line number Diff line number Diff line change 11import { styled , keyframes } from 'goober' ;
22
33const circleAnimation = keyframes `
4- from {
5- transform: scale(0) rotate(45deg);
6- opacity: 0;
7- }
8-
9- to {
10- transform: scale(1) rotate(45deg);
11- opacity: 1;
12- }
13- ` ;
4+ from {
5+ transform: scale(0) rotate(45deg);
6+ opacity: 0;
7+ }
8+ to {
9+ transform: scale(1) rotate(45deg);
10+ opacity: 1;
11+ }` ;
1412
1513const firstLineAnimation = keyframes `
16- from {
17- transform: scale(0);
18- opacity: 0;
19- }
20-
21- to {
22- transform: scale(1);
23- opacity: 1;
24- }
25- ` ;
14+ from {
15+ transform: scale(0);
16+ opacity: 0;
17+ }
18+ to {
19+ transform: scale(1);
20+ opacity: 1;
21+ }` ;
2622
2723const secondLineAnimation = keyframes `
28- from {
29- transform: scale(0) rotate(90deg);
30- opacity: 0;
31- }
32-
33- to {
34- transform: scale(1) rotate(90deg);
35- opacity: 1;
36- }
37- ` ;
24+ from {
25+ transform: scale(0) rotate(90deg);
26+ opacity: 0;
27+ }
28+ to {
29+ transform: scale(1) rotate(90deg);
30+ opacity: 1;
31+ }` ;
3832
3933export interface ErrorTheme {
4034 primary ?: string ;
Original file line number Diff line number Diff line change @@ -24,12 +24,10 @@ from {
2424 transform: scale(0.6);
2525 opacity: 0.4;
2626}
27-
2827to {
2928 transform: scale(1);
3029 opacity: 1;
31- }
32- ` ;
30+ }` ;
3331
3432export const AnimatedIconWrapper = styled ( 'div' ) `
3533 position: relative;
You can’t perform that action at this time.
0 commit comments