Skip to content

Commit 013deef

Browse files
committed
Clean up keyframe strings
1 parent 8057bb3 commit 013deef

File tree

3 files changed

+47
-60
lines changed

3 files changed

+47
-60
lines changed

src/components/checkmark.tsx

Lines changed: 22 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,30 @@
11
import { styled, keyframes } from 'goober';
22

33
const 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

1513
const 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

3429
export interface CheckmarkTheme {
3530
primary?: string;

src/components/error.tsx

Lines changed: 24 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,34 @@
11
import { styled, keyframes } from 'goober';
22

33
const 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

1513
const 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

2723
const 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

3933
export interface ErrorTheme {
4034
primary?: string;

src/components/toast-icon.tsx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,12 +24,10 @@ from {
2424
transform: scale(0.6);
2525
opacity: 0.4;
2626
}
27-
2827
to {
2928
transform: scale(1);
3029
opacity: 1;
31-
}
32-
`;
30+
}`;
3331

3432
export const AnimatedIconWrapper = styled('div')`
3533
position: relative;

0 commit comments

Comments
 (0)