From b90301e479a5d0d3b0726d568ed88eb1bd7b26fd Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Fri, 22 Oct 2021 00:25:27 +0100
Subject: [PATCH] :lipstick: Adds CSS for disabled SVG button option

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

diff --git a/src/styles/style-helpers.scss b/src/styles/style-helpers.scss
index 7bac6d6d..ce2acc2a 100644
--- a/src/styles/style-helpers.scss
+++ b/src/styles/style-helpers.scss
@@ -34,6 +34,15 @@
             background: var(--settings-text-color);
             path { fill: var(--background); }
         }
+        &.disabled {
+            opacity: var(--dimming-factor);
+            cursor: not-allowed;
+            &:hover {
+                border: 1px solid currentColor;
+                background: var(--background);
+                path { fill: var(--settings-text-color); }
+            }
+        }
     }
 }