From 13ae3bdc0a1eca46c714d1e29f844a4464a2d4ca Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Mon, 18 Dec 2023 14:49:17 +0100
Subject: [PATCH] relocate some styles to lists.scss

---
 src/lib/components/ratio/ColorIssues.svelte | 10 +---------
 src/sass/patterns/_lists.scss               |  9 +++++++--
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index 0b2b9ce..655bdee 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -29,18 +29,10 @@
 </details>
 
 <style lang="scss">
-  // Overrides the pattern from _lists
-  summary {
-    cursor: pointer;
-    margin-block-end: var(--gutter);
-  }
   dl {
     display: block;
   }
   dd {
-    margin-inline-start: 0;
-  }
-  summary {
-    list-style-position: outside;
+    --description-margin-inline: 0;
   }
 </style>
diff --git a/src/sass/patterns/_lists.scss b/src/sass/patterns/_lists.scss
index 5e921af..ebeff9f 100644
--- a/src/sass/patterns/_lists.scss
+++ b/src/sass/patterns/_lists.scss
@@ -21,7 +21,12 @@ details {
   background-color: var(--status-result-bg, var(--bgcolor));
   border-radius: var(--border-radius);
   color: var(--status-result-fg, var(--fgcolor));
-  padding: var(--double-gutter);
+}
+
+summary {
+  cursor: pointer;
+  list-style-position: outside;
+  margin-block-end: var(--gutter);
 }
 
 dl {
@@ -31,5 +36,5 @@ dl {
 }
 
 dd {
-  margin-inline-start: var(--gutter);
+  margin-inline-start: var(--description-margin-inline, var(--gutter));
 }