relocate some styles to lists.scss

oddbird · Dec 18, 2023 · 13ae3bd · 13ae3bd
1 parent bc58670
commit 13ae3bd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git 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
@@ -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));
 }