From 9c40ac5a02a824c728a6e91ff3ef0162c578b86e Mon Sep 17 00:00:00 2001
From: June Hardy <june@lacoloc.cafe>
Date: Mon, 26 Apr 2021 17:59:57 +0200
Subject: [PATCH] darkmode social links

---
 sass/darkmode.scss | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/sass/darkmode.scss b/sass/darkmode.scss
index 4ddca1e..6a82272 100644
--- a/sass/darkmode.scss
+++ b/sass/darkmode.scss
@@ -63,6 +63,41 @@ body{
     color: var(--accentColor);
 }
 
+#social-links {
+    display: flex;
+    justify-content: center;
+}
+
+.social {
+    background-color: var(--accentColor);
+    height: 32px;
+    width: 32px;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    display: inline-block;
+}
+.social:hover {
+    background-color: yellow;
+}
+.social#instagram {
+    mask-image: url("/img/social/instagram.svg");
+}
+.social#liberapay {
+    mask-image: url("/img/social/liberapay.svg");
+}
+.social#linkedin {
+    mask-image: url("/img/social/linkedin.svg");
+}
+.social#mastodon {
+    mask-image: url("/img/social/mastodon.svg");
+}
+.social#pleroma {
+    mask-image: url("/img/social/pleroma.svg");
+}
+.social#twitter {
+    mask-image: url("/img/social/twitter.svg");
+}
+
 footer{
     text-align: center;