[v10] Extend global inline code styles

CHANGELOG.md

@@ -33,6 +33,12 @@ Read more about [how we provide support for different browsers](/docs/contributi
 
 This was added in [pull request #1972: Add Sass mixins and utility classes for NHS.UK frontend browser support](https://github.com/nhsuk/nhsuk-frontend/pull/1972).
 
+#### Extend global inline code styles
+
+Inline `<code>` elements are now also styled within definition lists and table headings.
+
+This was added in [pull request #1984: Extend global inline code styles](https://github.com/nhsuk/nhsuk-frontend/pull/1984).
+
 #### Define negative margins using the Sass `nhsuk-responsive-margin()` mixin
 
 You can now pass the negative equivalent of a point from the typography scale to the `nhsuk-responsive-margin()` function to output negative margins.

packages/nhsuk-frontend-review/src/examples/code-blocks.njk

@@ -161,6 +161,29 @@
 
           <p class="nhsuk-body">This change was introduced in <a class="nhsuk-link nhsuk-link--no-visited-state" href="https://github.com/nhsuk/nhsuk-frontend/pull/1556">pull request #1556: Uplift GOV.UK Frontend file upload component</a>.</p>
 
+          <h2>Override classes</h2>
+          {{ summaryList({
+            rows: [
+              {
+                key: {
+                  html: "<code>nhsuk-u-margin-0</code>",
+                  classes: "nhsuk-u-width-one-half"
+                },
+                value: {
+                  text: "Responsive margin on all sides"
+                }
+              },
+              {
+                key: {
+                  html: "<code>nhsuk-u-margin-top-0</code>"
+                },
+                value: {
+                  text: "Responsive margin on the top"
+                }
+              }
+            ]
+          }) }}
+
         </div>
       </div>
 
@@ -312,6 +335,29 @@
 
           <p class="nhsuk-body">This change was introduced in <a class="nhsuk-link nhsuk-link--reverse nhsuk-link--no-visited-state" href="https://github.com/nhsuk/nhsuk-frontend/pull/1556">pull request #1556: Uplift GOV.UK Frontend file upload component</a>.</p>
 
+          <h2>Override classes</h2>
+          {{ summaryList({
+            rows: [
+              {
+                key: {
+                  html: '<code class="nhsuk-code--inline nhsuk-code--inverse">nhsuk-u-margin-0</code>',
+                  classes: "nhsuk-u-width-one-half"
+                },
+                value: {
+                  text: "Responsive margin on all sides"
+                }
+              },
+              {
+                key: {
+                  html: '<code class="nhsuk-code--inline nhsuk-code--inverse">nhsuk-u-margin-top-0</code>'
+                },
+                value: {
+                  text: "Responsive margin on the top"
+                }
+              }
+            ]
+          }) }}
+
         </div>
       </div>
 

packages/nhsuk-frontend/src/nhsuk/core/styles/_typography.scss

@@ -289,6 +289,9 @@ b {
 li code,
 caption code,
 td code,
+th code,
+dt code,
+dd code,
 p code {
   width: fit-content;
   padding: 2px nhsuk-spacing(1);