fix: unused CSS selector warnings in Svelte

josdejong · Oct 4, 2023 · 23b82cc · 23b82cc
1 parent 4c2373a
commit 23b82cc
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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);
+}