From 23b82cc022e15ccbcad6ca4d51ece52ca41682b4 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 4 Oct 2023 19:13:29 +0200
Subject: [PATCH] fix: unused CSS selector warnings in Svelte

---
 src/lib/components/modals/JSONRepairModal.scss |  2 +-
 src/lib/components/modals/Modal.scss           | 12 +-----------
 src/lib/styles.scss                            | 14 ++++++++++++++
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/modals/JSONRepairModal.scss b/src/lib/components/modals/JSONRepairModal.scss
index f91864e8..948a1c68 100644
--- a/src/lib/components/modals/JSONRepairModal.scss
+++ b/src/lib/components/modals/JSONRepairModal.scss
@@ -1,5 +1,5 @@
 @import '../../styles';
-@import 'Modal';
 
 .jse-modal.jse-repair {
+  @include jse-modal-style;
 }
diff --git a/src/lib/components/modals/Modal.scss b/src/lib/components/modals/Modal.scss
index d54e2076..01324ed2 100644
--- a/src/lib/components/modals/Modal.scss
+++ b/src/lib/components/modals/Modal.scss
@@ -10,17 +10,7 @@
   --multi-item-border-radius: 6px;
   --indicator-top: 8px;
 
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-
-  font-family: var(--jse-font-family);
-  font-size: var(--jse-font-size);
-  line-height: normal;
-  background: var(--jse-modal-background);
-  color: var(--jse-text-color);
+  @include jse-modal-style;
 
   .jse-modal-contents {
     flex: 1;
diff --git a/src/lib/styles.scss b/src/lib/styles.scss
index 7dd523fb..a49d6b4c 100644
--- a/src/lib/styles.scss
+++ b/src/lib/styles.scss
@@ -128,3 +128,17 @@ $errors-overview-max-height: 25%;
     cursor: pointer;
   }
 }
+
+@mixin jse-modal-style {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+
+  font-family: var(--jse-font-family);
+  font-size: var(--jse-font-size);
+  line-height: normal;
+  background: var(--jse-modal-background);
+  color: var(--jse-text-color);
+}