Merge pull request #44 from ahuglajbclajep/isolate-github-corner-style

Move `.github-corner` style to corner.css
tholman · Jul 15, 2020 · 3a97379 · 3a97379
2 parents 02b58a1 + e87eda6
commit 3a97379
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 40 deletions.
diff --git a/css/corner.css b/css/corner.css
@@ -0,0 +1,39 @@
+.github-corner:hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    20% {
+        transform: rotate(-25deg);
+    }
+
+    40% {
+        transform: rotate(10deg);
+    }
+
+    60% {
+        transform: rotate(-25deg);
+    }
+
+    80% {
+        transform: rotate(10deg);
+    }
+
+    100% {
+        transform: rotate(0deg);
+    }
+}
+
+@media (max-width: 500px) {
+    .github-corner:hover .octo-arm {
+        animation: none;
+    }
+
+    .github-corner .octo-arm {
+        animation: octocat-wave 560ms ease-in-out;
+    }
+}
diff --git a/css/styles.css b/css/styles.css
@@ -3,6 +3,8 @@
  * Author: Tim Holman
  */
 
+@import "corner.css";
+
 * {
     box-sizing: border-box;
 }
@@ -72,46 +74,6 @@ p {
     font-size: 10px;
 }
 
-.github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave {
-    0% {
-        transform: rotate(0deg);
-    }
-
-    20% {
-        transform: rotate(-25deg);
-    }
-
-    40% {
-        transform: rotate(10deg);
-    }
-
-    60% {
-        transform: rotate(-25deg);
-    }
-
-    80% {
-        transform: rotate(10deg);
-    }
-
-    100% {
-        transform: rotate(0deg);
-    }
-}
-
-@media (max-width: 500px) {
-    .github-corner:hover .octo-arm {
-        animation: none;
-    }
-
-    .github-corner .octo-arm {
-        animation: octocat-wave 560ms ease-in-out;
-    }
-}
-
 /**
  * Footer
  */