From ecde28811e43b4f000d293a0a9bb872f6bd6816b Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 14 Aug 2021 14:51:34 +0100
Subject: [PATCH] :recycle: Refactored SVG button styles into helpers

---
 src/styles/style-helpers.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/styles/style-helpers.scss b/src/styles/style-helpers.scss
index d5db94b0..ebcbd6c1 100644
--- a/src/styles/style-helpers.scss
+++ b/src/styles/style-helpers.scss
@@ -15,6 +15,30 @@
   }
 }
 
+.svg-button {
+    color: var(--primary);
+    width: 1.5rem;
+    height: 1.5rem;
+    svg {
+        path {
+            fill: var(--settings-text-color);
+        }
+        width: 1rem;
+        height: 1rem;
+        margin: 0.2rem;
+        padding: 0.2rem;
+        text-align: center;
+        background: var(--background);
+        border: 1px solid currentColor;
+        border-radius: var(--curve-factor);
+        cursor: pointer;
+        &:hover, &.selected {
+            background: var(--settings-text-color);
+            path { fill: var(--background); }
+        }
+    }
+}
+
 /* Custom highlight color */
 .highlight {
     ::selection {