Skip to content

Commit 03476ed

Browse files
committed
style: Add animation.
1 parent 1b23d58 commit 03476ed

File tree

2 files changed

+29
-1
lines changed

2 files changed

+29
-1
lines changed

core/src/dist.css

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
.github-corner:hover .octo-arm {
2+
animation: octocat-wave 560ms ease-in-out;
3+
}
4+
5+
@keyframes octocat-wave {
6+
0%,
7+
100% {
8+
transform: rotate(0);
9+
}
10+
20%,
11+
60% {
12+
transform: rotate(-25deg);
13+
}
14+
40%,
15+
80% {
16+
transform: rotate(10deg);
17+
}
18+
}
19+
20+
@media (max-width: 500px) {
21+
.github-corner:hover .octo-arm {
22+
animation: none;
23+
}
24+
.github-corner .octo-arm {
25+
animation: octocat-wave 560ms ease-in-out;
26+
}
27+
}

core/src/index.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { defineComponent, h, PropType, ExtractPropTypes } from 'vue';
2-
import { StandardLonghandProperties, ZIndexProperty } from 'csstype';
2+
import { StandardLonghandProperties } from 'csstype';
3+
import './dist.css';
34

45
export const gihubCorners = {
56
/**

0 commit comments

Comments
 (0)