refactor: decouple social link styling from fixed elements

2023-04-02 17:03:27 +02:00 · 2023-04-02 17:03:27 +02:00 · 3c8b726d83
commit 3c8b726d83
parent a670952e15
1 changed files with 17 additions and 29 deletions
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@ -125,40 +125,28 @@ ul {
  &.col-4 {
    columns: 4 auto;
  }
+}

-  &.social {
-    display: flex;
-    flex-flow: var(--social-links-flex-flow);
-    justify-content: space-evenly;
+.social {
+  > * {
+    &:before {
+      margin: 0 0.375rem 0 0;
+    }

-    margin: 1rem 0;
-    padding: 0;
-    list-style: none;
+    &.twitter:before {
+      content: "🐦";
+    }

-    li {
-      flex: var(--social-links-flex);
-      padding: 0.25rem;
-      text-align: center;
+    &.mastodon:before {
+      content: "🐘";
+    }

-      &:before {
-        margin: 0 0.375rem 0 0;
-      }
+    &.telegram:before {
+      content: "📨";
+    }

-      &.twitter:before {
-        content: "🐦";
-      }
-
-      &.mastodon:before {
-        content: "🐘";
-      }
-
-      &.telegram:before {
-        content: "📨";
-      }
-
-      &.furaffinity:before {
-        content: "🐾";
-      }
+    &.furaffinity:before {
+      content: "🐾";
    }
  }
 }