From c1d524102fde9089479cb9dd4554e09676e9e48f Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Tue, 10 Dec 2024 19:16:40 +0000
Subject: [PATCH 01/11] Move color issues to main section

---
 src/lib/components/ratio/ColorIssues.svelte | 8 +-------
 src/lib/components/ratio/index.svelte       | 2 --
 src/routes/+page.svelte                     | 2 ++
 src/sass/patterns/_disclosure.scss          | 9 +++++----
 4 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index f83f1e3..168b85e 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -3,19 +3,13 @@
 
   import ExternalLink from '$lib/components/util/ExternalLink.svelte';
 
-  interface Props {
-    pass: boolean;
-  }
-
-  let { pass }: Props = $props();
-
   let startOpen = $state(false);
   onMount(() => {
     startOpen = window.matchMedia('(min-width: 80em)').matches;
   });
 </script>
 
-<details class="known-issues" open={startOpen} data-pass={pass}>
+<details class="known-issues" open={startOpen}>
   <summary>Known Color Issues</summary>
   <dl class="issues-list">
     <dt>Gamut Mapping Implementation</dt>
diff --git a/src/lib/components/ratio/index.svelte b/src/lib/components/ratio/index.svelte
index 7275d7e..75c98f5 100644
--- a/src/lib/components/ratio/index.svelte
+++ b/src/lib/components/ratio/index.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { contrast } from 'colorjs.io/fn';
 
-  import ColorIssues from '$lib/components/ratio/ColorIssues.svelte';
   import Result from '$lib/components/ratio/Result.svelte';
   import ExternalLink from '$lib/components/util/ExternalLink.svelte';
   import { RATIOS } from '$lib/constants';
@@ -66,7 +65,6 @@
       <dd>Bold Weight</dd>
     </dl>
   </div>
-  <ColorIssues {pass} />
 </aside>
 
 <style lang="scss">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f3a1494..32c7402 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -10,6 +10,7 @@
   import Header from '$lib/components/Header.svelte';
   import Ratio from '$lib/components/ratio/index.svelte';
   import { bg, fg, format } from '$lib/stores';
+  import ColorIssues from '$src/lib/components/ratio/ColorIssues.svelte';
   import { hashToStoreValues, storeValuesToHash } from '$src/lib/utils';
 
   let bg_fallback = $derived(display($bg));
@@ -49,6 +50,7 @@
   <Ratio />
   <main data-layout="main">
     <Colors />
+    <ColorIssues />
   </main>
   <Footer />
 </div>
diff --git a/src/sass/patterns/_disclosure.scss b/src/sass/patterns/_disclosure.scss
index 2e2f9c0..78471bf 100644
--- a/src/sass/patterns/_disclosure.scss
+++ b/src/sass/patterns/_disclosure.scss
@@ -2,12 +2,13 @@
 // ------------------------------
 
 details {
-  --link: var(--fgcolor);
-  --link-focus: var(--fgcolor);
+  // --link: var(--fgcolor);
+  // --link-focus: var(--fgcolor);
 
-  background-color: var(--status-result-bg, var(--bgcolor));
+  // background-color: var(--status-result-bg, var(--bgcolor));
   border-radius: var(--border-radius);
-  color: var(--status-result-fg, var(--fgcolor));
+
+  // color: var(--status-result-fg, var(--fgcolor));
 }
 
 summary {

From 8b3c649b8d8ca6043793634357c7f6f850498fa8 Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Tue, 28 Jan 2025 15:08:47 +0100
Subject: [PATCH 02/11] cleanup styling and spacing for relocated color issues
 section

---
 src/lib/components/ratio/ColorIssues.svelte | 10 +++-------
 src/sass/initial/_layout.scss               |  6 +++++-
 src/sass/patterns/_disclosure.scss          | 11 +++++------
 3 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index 168b85e..a8867b9 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -54,19 +54,15 @@
 <style lang="scss">
   @use 'config';
   .known-issues {
-    grid-area: knownissues;
-    padding: var(--gutter);
-
-    @include config.above('lg-page-break') {
-      margin-inline: calc(var(--gutter) * -1);
-    }
+    margin-block-end: var(--spacer);
+    padding: var(--gutter) var(--shim-plus);
   }
 
   summary {
     align-items: center;
     display: grid;
     gap: var(--shim-plus);
-    grid-template-columns: max-content var(--triangle-height);
+    grid-template-columns: var(--triangle-height) max-content;
   }
 
   .issues-list {
diff --git a/src/sass/initial/_layout.scss b/src/sass/initial/_layout.scss
index c851724..6534577 100644
--- a/src/sass/initial/_layout.scss
+++ b/src/sass/initial/_layout.scss
@@ -55,10 +55,14 @@ body {
   --layout-pad-block: 0;
   --layout-pad-inline: 0; // allows warning to stretch to the edge
 
+  display: grid;
   grid-area: main;
+  grid-template: '... content ...' auto / var(--double-gutter) 1fr var(
+      --double-gutter
+    );
 
   > * {
-    padding-inline: var(--double-gutter);
+    grid-column: content;
   }
 }
 
diff --git a/src/sass/patterns/_disclosure.scss b/src/sass/patterns/_disclosure.scss
index 78471bf..7417634 100644
--- a/src/sass/patterns/_disclosure.scss
+++ b/src/sass/patterns/_disclosure.scss
@@ -2,13 +2,12 @@
 // ------------------------------
 
 details {
-  // --link: var(--fgcolor);
-  // --link-focus: var(--fgcolor);
+  --link: var(--fgcolor);
+  --link-focus: var(--fgcolor);
 
-  // background-color: var(--status-result-bg, var(--bgcolor));
+  background-color: var(--status-result-bg, var(--bgcolor));
   border-radius: var(--border-radius);
-
-  // color: var(--status-result-fg, var(--fgcolor));
+  color: var(--status-result-fg, var(--fgcolor));
 }
 
 summary {
@@ -31,7 +30,7 @@ summary {
     border-width: var(--triangle-width) 0 var(--triangle-width)
       var(--triangle-height);
     content: '';
-    grid-column: 2;
+    grid-column: 1;
     grid-row: 1;
     margin-block-start: var(--half-shim);
     rotate: var(--rotate-triangle, none);

From 4da790e1ffe95196d2d3f2d0a0198520463091ae Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Tue, 28 Jan 2025 15:17:11 +0100
Subject: [PATCH 03/11] fix issues list spacing

---
 src/lib/components/ratio/ColorIssues.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index a8867b9..c3e851e 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -71,6 +71,8 @@
     grid-auto-rows: auto;
     grid-template-columns: 1fr;
     margin-block-start: var(--gutter);
+    max-width: 85ch;
+    padding-inline: var(--double-gutter);
   }
 
   dt {

From 16ee6fd880f1d285e6e3fa0af190be1a14d45aff Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Wed, 29 Jan 2025 14:18:27 +0100
Subject: [PATCH 04/11] remove colors from color issues section

---
 src/sass/patterns/_disclosure.scss | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/sass/patterns/_disclosure.scss b/src/sass/patterns/_disclosure.scss
index 7417634..ca4ad3a 100644
--- a/src/sass/patterns/_disclosure.scss
+++ b/src/sass/patterns/_disclosure.scss
@@ -1,15 +1,6 @@
 // The Details disclosure element
 // ------------------------------
 
-details {
-  --link: var(--fgcolor);
-  --link-focus: var(--fgcolor);
-
-  background-color: var(--status-result-bg, var(--bgcolor));
-  border-radius: var(--border-radius);
-  color: var(--status-result-fg, var(--fgcolor));
-}
-
 summary {
   cursor: pointer;
   font-weight: bold;

From 1e6c2902ab2e7d0f9af9d9930fd4639edb6e6c3c Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Wed, 29 Jan 2025 15:41:18 +0100
Subject: [PATCH 05/11] change known issues section into a list

---
 src/lib/components/ratio/ColorIssues.svelte | 59 +++++++--------------
 src/sass/patterns/_lists.scss               |  5 ++
 2 files changed, 25 insertions(+), 39 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index c3e851e..bf88c7d 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -1,19 +1,13 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
-
   import ExternalLink from '$lib/components/util/ExternalLink.svelte';
-
-  let startOpen = $state(false);
-  onMount(() => {
-    startOpen = window.matchMedia('(min-width: 80em)').matches;
-  });
 </script>
 
-<details class="known-issues" open={startOpen}>
-  <summary>Known Color Issues</summary>
-  <dl class="issues-list">
-    <dt>Gamut Mapping Implementation</dt>
-    <dd>
+<hr />
+<div class="known-issues">
+  <h2 class="section-heading">Known Color Issues</h2>
+  <ul class="issues-list">
+    <li>
+      <h3 class="list-item-heading">Gamut Mapping Implementation</h3>
       <p>
         Browsers implemented gamut mapping using clipping, which is fast but
         provides inferior results compared to the algorithm defined in the <ExternalLink
@@ -22,9 +16,9 @@
         >. Until browsers are updated, colors that are out of gamut for your
         screen may be displayed very differently than expected.
       </p>
-    </dd>
-    <dt>Checking for Out of Gamut Colors</dt>
-    <dd>
+    </li>
+    <li>
+      <h3 class="list-item-heading">Checking for Out of Gamut Colors</h3>
       <p>
         The new color features in CSS allow for a much wider range of colors,
         many of which cannot be shown on many (or any) screens. When selecting
@@ -47,40 +41,27 @@
         When a color is out of gamut for the user's screen, the browser will
         adjust the color to be in gamut.
       </p>
-    </dd>
-  </dl>
-</details>
+    </li>
+  </ul>
+</div>
 
 <style lang="scss">
   @use 'config';
-  .known-issues {
+
+  hr {
+    border: unset;
+    border-block-start: var(--border-width) solid var(--border-light);
     margin-block-end: var(--spacer);
-    padding: var(--gutter) var(--shim-plus);
+    margin-inline: unset;
   }
 
-  summary {
-    align-items: center;
-    display: grid;
-    gap: var(--shim-plus);
-    grid-template-columns: var(--triangle-height) max-content;
+  .known-issues {
+    margin-block-end: var(--spacer);
   }
 
   .issues-list {
-    display: grid;
-    gap: var(--half-shim);
-    grid-auto-rows: auto;
-    grid-template-columns: 1fr;
     margin-block-start: var(--gutter);
-    max-width: 85ch;
-    padding-inline: var(--double-gutter);
-  }
-
-  dt {
-    font-weight: bold;
-  }
-
-  dd {
-    --description-margin-inline: 0;
+    max-inline-size: 85ch;
   }
 
   p {
diff --git a/src/sass/patterns/_lists.scss b/src/sass/patterns/_lists.scss
index ede95de..a0fccaa 100644
--- a/src/sass/patterns/_lists.scss
+++ b/src/sass/patterns/_lists.scss
@@ -27,3 +27,8 @@ dl {
 dd {
   margin-inline-start: var(--description-margin-inline, var(--gutter));
 }
+
+.list-item-heading {
+  font-weight: bold;
+  font-size: var(--small);
+}

From 3512ba6e3e525d91147a8841e320e02c5f880ad2 Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Wed, 29 Jan 2025 16:16:05 +0100
Subject: [PATCH 06/11] remove unused disclosure styles

---
 src/sass/patterns/_disclosure.scss | 34 ------------------------------
 1 file changed, 34 deletions(-)
 delete mode 100644 src/sass/patterns/_disclosure.scss

diff --git a/src/sass/patterns/_disclosure.scss b/src/sass/patterns/_disclosure.scss
deleted file mode 100644
index ca4ad3a..0000000
--- a/src/sass/patterns/_disclosure.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-// The Details disclosure element
-// ------------------------------
-
-summary {
-  cursor: pointer;
-  font-weight: bold;
-
-  // Hides marker some browsers add
-  &::marker {
-    content: none;
-  }
-
-  // Hides marker webkit adds
-  &::-webkit-details-marker {
-    display: none;
-  }
-
-  &::before {
-    border-color: transparent transparent transparent currentcolor;
-    border-style: solid;
-    border-width: var(--triangle-width) 0 var(--triangle-width)
-      var(--triangle-height);
-    content: '';
-    grid-column: 1;
-    grid-row: 1;
-    margin-block-start: var(--half-shim);
-    rotate: var(--rotate-triangle, none);
-    transition: rotate var(--fast);
-
-    [open] & {
-      --rotate-triangle: 90deg;
-    }
-  }
-}

From e162e9c5a1fc2a66ec44e2ffe0cac2fca6d2ccb9 Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Wed, 29 Jan 2025 16:18:50 +0100
Subject: [PATCH 07/11] removed unused sass

---
 src/sass/patterns/_index.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/sass/patterns/_index.scss b/src/sass/patterns/_index.scss
index 902cbf1..85b59cb 100644
--- a/src/sass/patterns/_index.scss
+++ b/src/sass/patterns/_index.scss
@@ -7,5 +7,4 @@
 @forward 'buttons';
 @forward 'icons';
 @forward 'lists';
-@forward 'disclosure';
 @forward 'themes';

From 39744edde75db38a9c8ede06bf432390db5a9acd Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Fri, 31 Jan 2025 15:11:03 +0100
Subject: [PATCH 08/11] remove unused sass

---
 src/lib/components/ratio/ColorIssues.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index bf88c7d..3fe7930 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -46,8 +46,6 @@
 </div>
 
 <style lang="scss">
-  @use 'config';
-
   hr {
     border: unset;
     border-block-start: var(--border-width) solid var(--border-light);

From b6f64f85a21397d8c7e7b461bd65ac639356c4d6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 3 Feb 2025 09:19:59 +0000
Subject: [PATCH 09/11] Bump the dev-minor group with 3 updates

Bumps the dev-minor group with 3 updates: [@types/lodash](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/lodash), [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) and [svelte](https://github.com/sveltejs/svelte/tree/HEAD/packages/svelte).


Updates `@types/lodash` from 4.17.14 to 4.17.15
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/lodash)

Updates `@types/node` from 22.10.10 to 22.13.0
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

Updates `svelte` from 5.19.3 to 5.19.6
- [Release notes](https://github.com/sveltejs/svelte/releases)
- [Changelog](https://github.com/sveltejs/svelte/blob/main/packages/svelte/CHANGELOG.md)
- [Commits](https://github.com/sveltejs/svelte/commits/svelte@5.19.6/packages/svelte)

---
updated-dependencies:
- dependency-name: "@types/lodash"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: dev-minor
- dependency-name: "@types/node"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: dev-minor
- dependency-name: svelte
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: dev-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  4 ++--
 yarn.lock    | 26 +++++++++++++-------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index a93e3d9..7b4bb05 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "@testing-library/svelte": "^5.2.6",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/eslint__js": "^8.42.3",
-    "@types/lodash": "^4.17.14",
+    "@types/lodash": "^4.17.15",
     "@types/node": "^22",
     "@typescript-eslint/utils": "^8.22.0",
     "@vitest/coverage-v8": "^3.0.4",
@@ -70,7 +70,7 @@
     "sassdoc-theme-herman": "^6.0.2",
     "stylelint": "^16.14.1",
     "stylelint-config-standard-scss": "^14.0.0",
-    "svelte": "^5.19.3",
+    "svelte": "^5.19.6",
     "svelte-check": "^4.1.4",
     "svelte-eslint-parser": "^0.43.0",
     "typescript": "^5.7.3",
diff --git a/yarn.lock b/yarn.lock
index c8f7127..c3bbf08 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -969,19 +969,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.17.14":
-  version: 4.17.14
-  resolution: "@types/lodash@npm:4.17.14"
-  checksum: 10/6ee40725f3e192f5ef1f493caca19210aa7acd7adc3136b8dba84d418a35be0abea0668105aed9f696ad62a54310a9c0d328971ad4b157f5bcda700424ed5aae
+"@types/lodash@npm:^4.17.15":
+  version: 4.17.15
+  resolution: "@types/lodash@npm:4.17.15"
+  checksum: 10/27b348b5971b9c670215331b52448a13d7d65bf1fbd320a7049c9c153c1186ff5d116ba75f05f07d32d7ece8a992b26a30c7bdc9be22a3d1e4e3e6068aa04603
   languageName: node
   linkType: hard
 
 "@types/node@npm:^22":
-  version: 22.10.10
-  resolution: "@types/node@npm:22.10.10"
+  version: 22.13.0
+  resolution: "@types/node@npm:22.13.0"
   dependencies:
     undici-types: "npm:~6.20.0"
-  checksum: 10/61559b62bc7e62b947876e097c99472dd01317dd3b5916b538e2c40db8d68a1fc23c8de48149ef04cd2790a97bf2c005ea60cbb067e55ddbefd013d73da7a147
+  checksum: 10/a7563e57df48cb7e28f936dbabe228316dcdb4c7c3a88a6c1659fae898ffde2647a7193a9e29e0cbcb7dacc05a91fb3bc30c1a1d6fc9294694a734ff71a5f12e
   languageName: node
   linkType: hard
 
@@ -6115,7 +6115,7 @@ __metadata:
     "@testing-library/svelte": "npm:^5.2.6"
     "@types/eslint-config-prettier": "npm:^6.11.3"
     "@types/eslint__js": "npm:^8.42.3"
-    "@types/lodash": "npm:^4.17.14"
+    "@types/lodash": "npm:^4.17.15"
     "@types/node": "npm:^22"
     "@typescript-eslint/utils": "npm:^8.22.0"
     "@vitest/coverage-v8": "npm:^3.0.4"
@@ -6141,7 +6141,7 @@ __metadata:
     sassdoc-theme-herman: "npm:^6.0.2"
     stylelint: "npm:^16.14.1"
     stylelint-config-standard-scss: "npm:^14.0.0"
-    svelte: "npm:^5.19.3"
+    svelte: "npm:^5.19.6"
     svelte-check: "npm:^4.1.4"
     svelte-eslint-parser: "npm:^0.43.0"
     typescript: "npm:^5.7.3"
@@ -8386,9 +8386,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svelte@npm:^5.19.3":
-  version: 5.19.3
-  resolution: "svelte@npm:5.19.3"
+"svelte@npm:^5.19.6":
+  version: 5.19.6
+  resolution: "svelte@npm:5.19.6"
   dependencies:
     "@ampproject/remapping": "npm:^2.3.0"
     "@jridgewell/sourcemap-codec": "npm:^1.5.0"
@@ -8404,7 +8404,7 @@ __metadata:
     locate-character: "npm:^3.0.0"
     magic-string: "npm:^0.30.11"
     zimmerframe: "npm:^1.1.2"
-  checksum: 10/f04b2a5cfc945c0564456b458688b39cc92f7400510841b860f0c8a5272d9d3c5df509bd1a6631b7b59d38e633f16d284694cf4d2cd91100ded507b3913fea4b
+  checksum: 10/4f9bcd852c9184fe0e4726eda14bdfd81b6706369370216c69a8a96f0eaa537793d42d852b5051c4ffe5eabd8bab43b6d3e30d813fc1184e04c0214689db416c
   languageName: node
   linkType: hard
 

From 7e27f5eca78df035e0d1145ae0b81dd0346b27c2 Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Tue, 4 Feb 2025 14:10:35 +0100
Subject: [PATCH 10/11] review cleanup

---
 src/lib/components/ratio/ColorIssues.svelte | 2 +-
 src/sass/initial/_layout.scss               | 6 +-----
 src/sass/patterns/_lists.scss               | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index 3fe7930..9c094f2 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -50,7 +50,7 @@
     border: unset;
     border-block-start: var(--border-width) solid var(--border-light);
     margin-block-end: var(--spacer);
-    margin-inline: unset;
+    margin-inline: var(--double-gutter);
   }
 
   .known-issues {
diff --git a/src/sass/initial/_layout.scss b/src/sass/initial/_layout.scss
index 6534577..c851724 100644
--- a/src/sass/initial/_layout.scss
+++ b/src/sass/initial/_layout.scss
@@ -55,14 +55,10 @@ body {
   --layout-pad-block: 0;
   --layout-pad-inline: 0; // allows warning to stretch to the edge
 
-  display: grid;
   grid-area: main;
-  grid-template: '... content ...' auto / var(--double-gutter) 1fr var(
-      --double-gutter
-    );
 
   > * {
-    grid-column: content;
+    padding-inline: var(--double-gutter);
   }
 }
 
diff --git a/src/sass/patterns/_lists.scss b/src/sass/patterns/_lists.scss
index a0fccaa..9d819bd 100644
--- a/src/sass/patterns/_lists.scss
+++ b/src/sass/patterns/_lists.scss
@@ -29,6 +29,6 @@ dd {
 }
 
 .list-item-heading {
-  font-weight: bold;
   font-size: var(--small);
+  font-weight: bold;
 }

From 7eae78d2a08f4a7ceb4ca3006b304d8fd92b3822 Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Tue, 4 Feb 2025 14:15:49 +0100
Subject: [PATCH 11/11] remove unused sizes

---
 src/sass/config/scale/_ui.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/sass/config/scale/_ui.scss b/src/sass/config/scale/_ui.scss
index bc6de04..0ce73c0 100644
--- a/src/sass/config/scale/_ui.scss
+++ b/src/sass/config/scale/_ui.scss
@@ -15,5 +15,3 @@ $icon-medium: 1.5em;
 $ratio-width: 10rem;
 $range-thumb-size: 1.35rem;
 $range-input: 0.85rem;
-$triangle-width: var(--shim);
-$triangle-height: var(--shim-plus);