govuk_publishing_components 42.1.0 → 43.0.0

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss

@@ -102,9 +102,9 @@
       &:hover {
         color: $govuk-accordion-base-colour;
         background: $govuk-accordion-hover-colour;
-        // The GOV.UK Design System focus state adds a box-shadow to the top and bottom of the
-        // button. We add a grey box-shadow on hover too, to make the height of the hover state
-        // match the height of the focus state.
+        // The focus state adds a box-shadow to the top and bottom of the
+        // button. We add a grey box-shadow on hover too, to make the height of
+        // the hover state match the height of the focus state.
         box-shadow:
           0 -2px $govuk-accordion-hover-colour,
           0 4px $govuk-accordion-hover-colour;
@@ -147,7 +147,7 @@
 
       position: relative;
 
-      // Set size using rems to make the icon scale with text if user resizes text in their browser
+      // Set size using rems so icon scales with text
       width: govuk-px-to-rem(20px);
       height: govuk-px-to-rem(20px);
 
@@ -184,14 +184,15 @@
     .govuk-accordion__section-button {
       width: 100%;
 
-      padding: govuk-spacing(2) 0 0 0;
+      padding: govuk-spacing(2) 0 0;
 
       border: 0;
 
       border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
 
-      // Visually separate the section from the one underneath when user changes colours in their
-      // browser. See https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
+      // Visually separate the section from the one underneath when user changes
+      // colours in their browser. See
+      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
       border-bottom: govuk-spacing(2) solid transparent;
 
       color: $govuk-text-colour;
@@ -230,8 +231,8 @@
       }
 
       &:focus {
-        // Remove default focus border around button as
-        // styling is being applied to inner text elements that receive focus
+        // Remove default focus border around button as styling is being applied
+        // to inner text elements that receive focus
         outline: 0;
 
         .govuk-accordion__section-heading-text-focus,
@@ -257,9 +258,10 @@
       }
     }
 
-    // Remove the transparent border when the section is expanded to make it clear that the heading
-    // relates to the content below. Adjust padding to maintain the height of the element.
-    // See https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
+    // Remove the transparent border when the section is expanded to make it
+    // clear that the heading relates to the content below. Adjust padding to
+    // maintain the height of the element. See
+    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
     .govuk-accordion__section--expanded .govuk-accordion__section-button {
       padding-bottom: govuk-spacing(3);
       border-bottom: 0;
@@ -269,8 +271,8 @@
       }
     }
 
-    // As Chevron icon is vertically aligned it overlaps with the focus state bottom border
-    // Styling adds some spacing
+    // As Chevron icon is vertically aligned it overlaps with the focus state
+    // bottom border – this adds some spacing
     .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
       padding-bottom: 3px;
 
@@ -299,9 +301,9 @@
       color: $govuk-link-colour;
     }
 
-    // Add space between the icon and text.
-    // Avoid applying spacing directly to the icon as the use of `transform` will change the
-    // placement of any margins.
+    // Add space between the icon and text. Avoid applying spacing directly to
+    // the icon as the use of `transform` will change the placement of any
+    // margins.
     .govuk-accordion__show-all-text,
     .govuk-accordion__section-toggle-text {
       margin-left: govuk-spacing(1);
@@ -310,23 +312,25 @@
 
     // Background colour adjustment when user changes colours in Firefox
     //
-    // When user changes colours in Firefox, text colour inside <button> is always black
-    // (regardless of the custom colours the user has set). This is fine when the text in the
-    // button is not nested inside another element because when user changes colours in Firefox,
-    // the immediate background colour of buttons is always white (again, regardless of user's
-    // custom colours).
+    // When user changes colours in Firefox, text colour inside <button> is
+    // always black (regardless of the custom colours the user has set). This is
+    // fine when the text in the button is not nested inside another element
+    // because when user changes colours in Firefox, the immediate background
+    // colour of buttons is always white (again, regardless of user's custom
+    // colours).
     //
-    // However, when the text inside <button> is wrapped inside another element AND that element
-    // sets a background colour, the text colour is still black but the background of that nested
-    // element gets the user's custom background colour. When the custom background is a lighter
-    // hue, the contrast might be sufficient. But if the user's custom background colour is a
-    // darker colour, the contrast with the text might not be sufficient.
+    // However, when the text inside <button> is wrapped inside another element
+    // AND that element sets a background colour, the text colour is still black
+    // but the background of that nested element gets the user's custom
+    // background colour. When the custom background is a lighter hue, the
+    // contrast might be sufficient. But if the user's custom background colour
+    // is a darker colour, the contrast with the text might not be sufficient.
     //
-    // To ensure sufficient contrast, override the background colour set by the focus state on the
-    // nested elements to be transparent.
+    // To ensure sufficient contrast, override the background colour set by the
+    // focus state on the nested elements to be transparent.
     //
-    // Also override the background colour of the Show/Hide chevrons which set a background colour
-    // on hover.
+    // Also override the background colour of the Show/Hide chevrons which set a
+    // background colour on hover.
     @media screen and (forced-colors: active) {
       .govuk-accordion__show-all:hover,
       .govuk-accordion__section-button:hover {

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The GOV.UK Design System focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of the hover state\n        // match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems to make the icon scale with text if user resizes text in their browser\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes colours in their\n      // browser. See https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as\n        // styling is being applied to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it clear that the heading\n    // relates to the content below. Adjust padding to maintain the height of the element.\n    // See https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state bottom border\n    // Styling adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text.\n    // Avoid applying spacing directly to the icon as the use of `transform` will change the\n    // placement of any margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is always black\n    // (regardless of the custom colours the user has set). This is fine when the text in the\n    // button is not nested inside another element because when user changes colours in Firefox,\n    // the immediate background colour of buttons is always white (again, regardless of user's\n    // custom colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element AND that element\n    // sets a background colour, the text colour is still black but the background of that nested\n    // element gets the user's custom background colour. When the custom background is a lighter\n    // hue, the contrast might be sufficient. But if the user's custom background colour is a\n    // darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the focus state on the\n    // nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a background colour\n    // on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}