From 255a5d8175138c9ed5768880f769233a8bb70af4 Mon Sep 17 00:00:00 2001
From: rsiddharth <s@ricketyspace.net>
Date: Mon, 8 Feb 2021 22:23:16 -0500
Subject: style.scss: add icon mixin

---
 scss/style.scss | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/scss/style.scss b/scss/style.scss
index c1e4931..52da705 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -85,32 +85,28 @@ nav {
 }
 
 // Feed, Social
+@mixin icon($url) {
+    content: url($url);
+    background-color: $fsfi-dark;
+    max-width: 17px;
+    border-radius: 3px;
+    margin-left: 2px;
+}
+
 a.feed {
     border-bottom: 0px;
 }
 
 .feed-icon {
-    content: url('/assets/img/feed.svg');
-    background-color: $fsfi-dark;
-    max-width: 17px;
-    border-radius: 3px;
-    margin-left: 2px;
+    @include icon('/assets/img/feed.svg');
 }
 
 .mastadon-icon {
-    content: url('/assets/img/mastadon.svg');
-    background-color: $fsfi-dark;
-    max-width: 17px;
-    border-radius: 3px;
-    margin-left: 2px;
+    @include icon('/assets/img/mastadon.svg');
 }
 
 .email-icon {
-    content: url('/assets/img/email.svg');
-    background-color: $fsfi-dark;
-    max-width: 17px;
-    border-radius: 3px;
-    margin-left: 2px;
+    @include icon('/assets/img/email.svg');
 }
 
 .follow-block {
-- 
cgit v1.2.3