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);
+}