making twitter and github buttons into combined images for faster hov…

…er animations
znado · Mar 25, 2022 · 735e079 · 735e079
1 parent 40760a0
commit 735e079
Show file tree

Hide file tree

Showing 3 changed files with 500 additions and 8 deletions.
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -84,20 +84,18 @@ footer {
 }
 /* Note: background-size has to be below background */
 #twitter-logo {
-  background: url(/assets/images/twitter_gray.svg);
-  background-size: 24px 24px;
+  background: url(/assets/images/twitter_combined.svg);
+  background-size: 24px 48px;
 }
 #twitter-logo:hover {
-  background: url(/assets/images/twitter.svg);
-  background-size: 24px 24px;
+  background-position: 0 -24px;
 }
 #github-logo {
-  background: url(/assets/images/github_gray.svg);
-  background-size: 24px 24px;
+  background: url(/assets/images/github_combined.svg);
+  background-size: 24px 48px;
 }
 #github-logo:hover {
-  background: url(/assets/images/github.svg);
-  background-size: 24px 24px;
+  background-position: 0 -24px;
 }
 #rss-logo {
   background: url(/assets/images/rss_gray.svg);

diff --git a/assets/images/github_combined.svg b/assets/images/github_combined.svg