govuk_publishing_components 39.2.5 → 40.0.0

data/node_modules/govuk-frontend/govuk/components/_all.scss

@@ -1,37 +0,0 @@
-@import "../base";
-
-@import "accordion/index";
-@import "back-link/index";
-@import "breadcrumbs/index";
-@import "button/index";
-@import "checkboxes/index";
-@import "character-count/index";
-@import "cookie-banner/index";
-@import "date-input/index";
-@import "details/index";
-@import "error-message/index";
-@import "error-summary/index";
-@import "exit-this-page/index";
-@import "fieldset/index";
-@import "file-upload/index";
-@import "footer/index";
-@import "header/index";
-@import "hint/index";
-@import "input/index";
-@import "inset-text/index";
-@import "label/index";
-@import "notification-banner/index";
-@import "pagination/index";
-@import "panel/index";
-@import "phase-banner/index";
-@import "tabs/index";
-@import "tag/index";
-@import "radios/index";
-@import "select/index";
-@import "skip-link/index";
-@import "summary-list/index";
-@import "table/index";
-@import "textarea/index";
-@import "warning-text/index";
-
-/*# sourceMappingURL=_all.scss.map */

data/node_modules/govuk-frontend/govuk/components/_all.scss.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/govuk/components/_all.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,0BAA0B;AAC1B,+BAA+B;AAC/B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,4BAA4B;AAC5B,oBAAoB;AACpB,mBAAmB;AACnB,sBAAsB;AACtB,sBAAsB;AACtB,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,wBAAwB;AACxB,4BAA4B","file":"_all.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"checkboxes/index\";\n@import \"character-count/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"phase-banner/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}

data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss

@@ -1,4 +0,0 @@
-@import "../../base";
-@import "./index";
-
-/*# sourceMappingURL=_accordion.scss.map */

data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}

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

@@ -1,390 +0,0 @@
-@include govuk-exports("govuk/component/accordion") {
-  $govuk-accordion-base-colour: govuk-colour("black");
-  $govuk-accordion-hover-colour: govuk-colour("light-grey", $legacy: "grey-3");
-  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;
-  $govuk-accordion-bottom-border-width: 1px;
-
-  .govuk-accordion {
-    @include govuk-responsive-margin(6, "bottom");
-  }
-
-  .govuk-accordion__section {
-    padding-top: govuk-spacing(3);
-  }
-
-  .govuk-accordion__section-heading {
-    // Override browser defaults to ensure consistent element height
-    margin-top: 0;
-    margin-bottom: 0;
-
-    padding-top: govuk-spacing(3);
-    padding-bottom: govuk-spacing(3);
-  }
-
-  .govuk-accordion__section-button {
-    @include govuk-font($size: 24, $weight: bold);
-    @include govuk-text-colour;
-
-    display: block;
-    margin-bottom: 0;
-    padding-top: govuk-spacing(3);
-  }
-
-  // Remove the bottom margin from the last item inside the content
-  .govuk-accordion__section-content > :last-child {
-    margin-bottom: 0;
-  }
-
-  // JavaScript enabled
-  .js-enabled {
-    .govuk-accordion {
-      // Border at the bottom of the whole accordion
-      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
-    }
-
-    .govuk-accordion__section {
-      padding-top: 0;
-    }
-
-    // Hide the body of collapsed sections by default for browsers that lack
-    // support for `content-visibility` paired with [hidden=until-found]
-    .govuk-accordion__section-content {
-      display: none;
-
-      @include govuk-responsive-padding(3, "top");
-      @include govuk-responsive-padding(8, "bottom");
-    }
-
-    // Hide the body of collapsed sections using `content-visibility` to enable
-    // page search within [hidden=until-found] regions where browser supported
-    .govuk-accordion__section-content[hidden] {
-      @supports (content-visibility: hidden) {
-        content-visibility: hidden;
-        display: inherit;
-      }
-
-      // Hide the padding of collapsed sections
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-
-    // Show the body of expanded sections
-    .govuk-accordion__section--expanded .govuk-accordion__section-content {
-      display: block;
-    }
-
-    .govuk-accordion__show-all {
-      @include govuk-font($size: 19);
-      position: relative;
-      z-index: 1;
-
-      margin-bottom: 9px;
-      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;
-
-      border-width: 0;
-
-      color: $govuk-link-colour;
-      background: none;
-
-      cursor: pointer;
-      -webkit-appearance: none;
-
-      @include govuk-media-query ($from: tablet) {
-        margin-bottom: 14px;
-      }
-
-      // Remove default button focus outline in Firefox
-      &::-moz-focus-inner {
-        padding: 0;
-        border: 0;
-      }
-
-      &: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.
-        box-shadow: 0 -2px $govuk-accordion-hover-colour, 0 4px $govuk-accordion-hover-colour;
-
-        .govuk-accordion__section-toggle-text {
-          color: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron {
-          color: $govuk-accordion-base-colour;
-          background: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron:after {
-          color: $govuk-accordion-hover-colour;
-        }
-      }
-
-      &:focus {
-        @include govuk-focused-text;
-
-        .govuk-accordion-nav__chevron {
-          background: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron:after {
-          color: $govuk-accordion-icon-focus-colour;
-        }
-      }
-    }
-
-    .govuk-accordion__section-heading {
-      padding: 0;
-    }
-
-    // Create Chevron icon aligned with text
-    .govuk-accordion-nav__chevron {
-      box-sizing: border-box;
-      display: inline-block;
-
-      position: relative;
-
-      // Set size using rems to make the icon scale with text if user resizes text in their browser
-      width: govuk-px-to-rem(20px);
-      height: govuk-px-to-rem(20px);
-
-      border: govuk-px-to-rem(1px) solid;
-      border-radius: 50%;
-
-      vertical-align: middle;
-
-      // IE8 fallback of icon
-      @include _govuk-if-ie8 {
-        display: inline-block;
-        max-height: 20px;
-        line-height: 1;
-      }
-
-      // Create inner chevron arrow
-      &:after {
-        content: "";
-        box-sizing: border-box;
-        display: block;
-
-        position: absolute;
-        bottom: govuk-px-to-rem(5px);
-        left: govuk-px-to-rem(6px);
-
-        width: govuk-px-to-rem(6px);
-        height: govuk-px-to-rem(6px);
-
-        -ms-transform: rotate(-45deg);
-
-            transform: rotate(-45deg);
-
-        border-top: govuk-px-to-rem(2px) solid;
-        border-right: govuk-px-to-rem(2px) solid;
-
-        // IE8 fallback of icon with HTML symbol
-        @include _govuk-if-ie8 {
-          content: "\25B2"; // "▲"
-          position: relative;
-          border: 0;
-        }
-      }
-    }
-
-    // Rotate icon to create "Down" version
-    .govuk-accordion-nav__chevron--down {
-      -ms-transform: rotate(180deg);
-          transform: rotate(180deg);
-
-      // IE8 fallback of arrow icon
-      @include _govuk-if-ie8 {
-        &:after {
-          content: "\25BC"; // "▼"
-          -ms-transform: none;
-              transform: none;
-        }
-      }
-    }
-
-    .govuk-accordion__section-button {
-      width: 100%;
-
-      padding: govuk-spacing(2) 0 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
-      border-bottom: govuk-spacing(2) solid transparent;
-
-      color: $govuk-text-colour;
-      background: none;
-
-      text-align: left;
-      // Section headers have a pointer cursor as an additional affordance
-      cursor: pointer;
-      -webkit-appearance: none;
-
-      @include govuk-media-query ($from: tablet) {
-        padding-bottom: govuk-spacing(2);
-      }
-
-      &:active {
-        color: $govuk-link-active-colour;
-        background: none;
-      }
-
-      &:hover {
-        color: $govuk-accordion-base-colour;
-        background: $govuk-accordion-hover-colour;
-
-        .govuk-accordion__section-toggle-text {
-          color: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron {
-          color: $govuk-accordion-base-colour;
-          background: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron:after {
-          color: $govuk-accordion-hover-colour;
-        }
-      }
-
-      &: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,
-        .govuk-accordion__section-summary-focus,
-        .govuk-accordion__section-toggle-focus {
-          @include govuk-focused-text;
-        }
-
-        .govuk-accordion-nav__chevron {
-          color: $govuk-accordion-base-colour;
-          background: $govuk-accordion-base-colour;
-        }
-
-        .govuk-accordion-nav__chevron:after {
-          color: $govuk-accordion-icon-focus-colour;
-        }
-      }
-
-      // Remove default button focus outline in Firefox
-      &::-moz-focus-inner {
-        padding: 0;
-        border: 0;
-      }
-    }
-
-    // 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;
-
-      @include govuk-media-query ($from: tablet) {
-        padding-bottom: govuk-spacing(4);
-      }
-    }
-
-    // As Chevron icon is vertically aligned it overlaps with the focus state bottom border
-    // Styling adds some spacing
-    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
-      padding-bottom: 3px;
-
-      @include govuk-media-query ($from: desktop) {
-        padding-bottom: 2px;
-      }
-    }
-
-    .govuk-accordion__section-toggle,
-    .govuk-accordion__section-heading-text,
-    .govuk-accordion__section-summary {
-      display: block;
-      margin-bottom: 13px;
-
-      .govuk-accordion__section-heading-text-focus,
-      .govuk-accordion__section-summary-focus,
-      .govuk-accordion__section-toggle-focus {
-        display: inline;
-      }
-    }
-
-    // Add toggle link with Chevron icon on left.
-    .govuk-accordion__section-toggle {
-      @include govuk-typography-responsive($size: 19);
-      @include govuk-typography-weight-regular;
-      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.
-    .govuk-accordion__show-all-text,
-    .govuk-accordion__section-toggle-text {
-      margin-left: govuk-spacing(1);
-      vertical-align: middle;
-    }
-
-    // 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).
-    //
-    // 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.
-    //
-    // 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 {
-        .govuk-accordion-nav__chevron {
-          background-color: transparent;
-        }
-      }
-
-      .govuk-accordion__show-all:focus,
-      .govuk-accordion__section-button:focus {
-        .govuk-accordion__section-heading-text-focus,
-        .govuk-accordion__section-summary-focus,
-        .govuk-accordion__section-toggle-focus,
-        .govuk-accordion-nav__chevron {
-          background: transparent;
-          background-color: transparent;
-        }
-      }
-    }
-
-    // For devices that can't hover such as touch devices,
-    // remove hover state as it can be stuck in that state (iOS).
-    @media (hover: none) {
-      .govuk-accordion__section-header:hover {
-        border-top-color: $govuk-border-colour;
-
-        box-shadow: inset 0 3px 0 0 $govuk-link-colour;
-
-        .govuk-accordion__section-button {
-          border-top-color: $govuk-border-colour;
-        }
-      }
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -1 +0,0 @@
-{"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\", $legacy: \"grey-3\");\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  // JavaScript enabled\n  .js-enabled {\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: 0 -2px $govuk-accordion-hover-colour, 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      // IE8 fallback of icon\n      @include _govuk-if-ie8 {\n        display: inline-block;\n        max-height: 20px;\n        line-height: 1;\n      }\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        // IE8 fallback of icon with HTML symbol\n        @include _govuk-if-ie8 {\n          content: \"\\25B2\"; // \"▲\"\n          position: relative;\n          border: 0;\n        }\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n\n      // IE8 fallback of arrow icon\n      @include _govuk-if-ie8 {\n        &:after {\n          content: \"\\25BC\"; // \"▼\"\n          transform: none;\n        }\n      }\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-typography-responsive($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"]}