Move inlined CSS into style.css

This commit is contained in:
Guillaume Gomez 2024-08-29 21:18:28 +02:00
parent 8a3d4e1a70
commit 823c1246ab
2 changed files with 31 additions and 32 deletions

View File

@ -223,37 +223,6 @@ Otherwise, have a great day =^.^=
class="octo-body"
></path>
</svg>
<style>
.github-corner svg {
fill: var(--fg);
color: var(--bg);
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm {
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
}
</style>
</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>

View File

@ -410,3 +410,33 @@ body {
article.collapsed .lint-docs {
display: none;
}
.github-corner svg {
fill: var(--fg);
color: var(--bg);
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm {
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
}