govuk_publishing_components 62.0.0 → 62.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @include govuk-media-query($until: tablet) {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @media #{govuk-until-breakpoint(tablet)} {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss

@@ -2,7 +2,7 @@
   .govuk-summary-list {
     @include govuk-font($size: 19);
     @include govuk-text-colour;
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       display: table;
       width: 100%;
       table-layout: fixed; // Required to allow us to wrap words that overflow.
@@ -15,10 +15,10 @@
   .govuk-summary-list__row {
     border-bottom: 1px solid $govuk-border-colour;
 
-    @include govuk-media-query($until: tablet) {
+    @media #{govuk-until-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(3);
     }
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       display: table-row;
     }
   }
@@ -31,7 +31,7 @@
   // Provide an empty 'cell' for rows that don't have actions – otherwise the
   // bottom border is not drawn for that part of the row in some browsers.
   .govuk-summary-list__row--no-actions {
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       &::after {
         content: "";
         display: table-cell;
@@ -45,7 +45,7 @@
   .govuk-summary-list__actions {
     margin: 0; // Reset default user agent styles
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       display: table-cell;
       padding-top: govuk-spacing(2);
       padding-right: govuk-spacing(4);
@@ -55,7 +55,7 @@
 
   .govuk-summary-list__actions {
     margin-bottom: govuk-spacing(3);
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       width: 20%;
       text-align: right;
     }
@@ -71,13 +71,13 @@
   .govuk-summary-list__key {
     margin-bottom: govuk-spacing(1);
     @include govuk-typography-weight-bold;
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       width: 30%;
     }
   }
 
   .govuk-summary-list__value {
-    @include govuk-media-query($until: tablet) {
+    @media #{govuk-until-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(3);
     }
   }
@@ -101,7 +101,7 @@
     display: inline-block;
   }
 
-  @include govuk-media-query($until: tablet) {
+  @media #{govuk-until-breakpoint(tablet)} {
     .govuk-summary-list__actions-list-item,
     .govuk-summary-card__action {
       margin-right: govuk-spacing(2);
@@ -117,7 +117,7 @@
     }
   }
 
-  @include govuk-media-query($from: tablet) {
+  @media #{govuk-from-breakpoint(tablet)} {
     .govuk-summary-list__actions-list-item,
     .govuk-summary-card__action {
       margin-left: govuk-spacing(2);
@@ -153,7 +153,7 @@
     }
 
     // Increase padding by 1px to compensate for 'missing' border
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       .govuk-summary-list__key,
       .govuk-summary-list__value,
       .govuk-summary-list__actions {
@@ -167,7 +167,7 @@
     border: 0;
 
     // Increase padding by 1px to compensate for 'missing' border
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       .govuk-summary-list__key,
       .govuk-summary-list__value,
       .govuk-summary-list__actions {
@@ -190,7 +190,7 @@
     border-bottom: 1px solid transparent;
     background-color: govuk-colour("light-grey");
 
-    @include govuk-media-query($from: "tablet") {
+    @media #{govuk-from-breakpoint(tablet)} {
       display: flex;
       justify-content: space-between;
       flex-wrap: nowrap;
@@ -203,7 +203,7 @@
     @include govuk-text-colour;
     margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
 
-    @include govuk-media-query($from: "tablet") {
+    @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(1);
     }
   }
@@ -218,7 +218,7 @@
     padding: 0;
     list-style: none;
 
-    @include govuk-media-query($from: "tablet") {
+    @media #{govuk-from-breakpoint(tablet)} {
       justify-content: right;
       text-align: right;
     }
@@ -251,7 +251,7 @@
   .govuk-summary-card__content {
     padding: govuk-spacing(3) govuk-spacing(3) 0;
 
-    @include govuk-media-query($from: "tablet") {
+    @media #{govuk-from-breakpoint(tablet)} {
       padding: govuk-spacing(3) govuk-spacing(4);
     }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @media #{govuk-from-breakpoint(tablet)} {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @media #{govuk-until-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @media #{govuk-from-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}

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

@@ -13,7 +13,7 @@
     // Modifier for tables with a lot of data. Tables with lots of data benefit
     // from a smaller font size on small screens.
     .govuk-table--small-text-until-tablet {
-      @include govuk-media-query($until: tablet) {
+      @media #{govuk-until-breakpoint(tablet)} {
         @include govuk-font-size($size: 16);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @include govuk-media-query($until: tablet) {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @media #{govuk-until-breakpoint(tablet)} {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}

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

@@ -46,7 +46,7 @@
 
   // GOV.UK Frontend JavaScript enabled
   .govuk-frontend-supported {
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       .govuk-tabs__list {
         @include govuk-clearfix;
         margin-bottom: 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @include govuk-media-query($from: tablet) {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/task-list/fixtures.json

@@ -46,6 +46,52 @@
             "screenshot": false,
             "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
         },
+        {
+            "name": "forced hover state",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        },
+                        "classes": ":hover"
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link :hover\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
         {
             "name": "with hint text and additional states",
             "options": {

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template-forced-hover-state.html

@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link :hover">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+</ul>

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

@@ -21,13 +21,7 @@
     -webkit-appearance: none;
 
     &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      // Ensure outline appears outside of the element
-      outline-offset: 0;
-      // Double the border by adding its width again. Use `box-shadow` to do
-      // this instead of changing `border-width` (which changes element size)
-      // and since `outline` is already used for the yellow focus state.
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+      @include govuk-focused-form-input;
     }
 
     &:disabled {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,sEAAsE;MACtE,iEAAiE;MACjE,wDAAwD;IAC1D;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` to do\n      // this instead of changing `border-width` (which changes element size)\n      // and since `outline` is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss

@@ -19,7 +19,7 @@
     min-height: 35px;
     margin-top: -7px;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       margin-top: -5px;
     }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,oCAAoC;IACpC,kBAAkB;;IAElB,oCAAoC;IACpC,8BAA8B;;IAE9B,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,0BAA0B;IAC1B,cAAc;IACd,kBAAkB;IAClB,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,oCAAoC;IACpC,kBAAkB;;IAElB,oCAAoC;IACpC,8BAA8B;;IAE9B,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,0BAA0B;IAC1B,cAAc;IACd,kBAAkB;IAClB,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss

@@ -1,7 +1,7 @@
 :root {
   // This variable is automatically overwritten during builds and releases.
   // It doesn't need to be updated manually.
-  --govuk-frontend-version: "5.11.2";
+  --govuk-frontend-version: "5.13.0";
 
   // CSS custom property for each breakpoint
   @each $name, $value in $govuk-breakpoints {

data/node_modules/govuk-frontend/dist/govuk/core/_lists.scss

@@ -38,7 +38,7 @@
   %govuk-list--number > li {
     margin-bottom: 0;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(1);
     }
   }
@@ -46,7 +46,7 @@
   %govuk-list--spaced > li {
     margin-bottom: govuk-spacing(2);
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(3);
     }
   }

data/node_modules/govuk-frontend/dist/govuk/core/_lists.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/govuk/core/_lists.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,aAAa;IACb,6CAA6C;IAC7C,eAAe;IACf,qBAAqB;;IAErB,mCAAmC;IACnC;MACE,4BAA4B;IAC9B;EACF;;EAEA;IACE,yEAAyE;IACzE,yEAAyE;IACzE,kBAAkB;IAClB,+BAA+B;EACjC;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,8BAA8B;IAC9B,wBAAwB;EAC1B;;EAEA;;IAEE,gBAAgB;;IAEhB;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;;IAE/B;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;AACF","file":"_lists.scss","sourcesContent":["@include govuk-exports(\"govuk/core/lists\") {\n  %govuk-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n    padding-left: 0;\n    list-style-type: none;\n\n    // Add a top margin for nested lists\n    %govuk-list {\n      margin-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-list > li {\n    // Lists without numbers or bullets should always have extra space between\n    // list items. Lists with numbers or bullets only have this extra space on\n    // tablet and above\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-list {\n    @extend %govuk-list;\n  }\n\n  %govuk-list--bullet {\n    padding-left: govuk-spacing(4);\n    list-style-type: disc;\n  }\n\n  %govuk-list--number {\n    padding-left: govuk-spacing(4);\n    list-style-type: decimal;\n  }\n\n  %govuk-list--bullet > li,\n  %govuk-list--number > li {\n    margin-bottom: 0;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  %govuk-list--spaced > li {\n    margin-bottom: govuk-spacing(2);\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-list--bullet {\n    @extend %govuk-list--bullet;\n  }\n\n  .govuk-list--number {\n    @extend %govuk-list--number;\n  }\n\n  .govuk-list--spaced {\n    @extend %govuk-list--spaced;\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/govuk/core/_lists.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,aAAa;IACb,6CAA6C;IAC7C,eAAe;IACf,qBAAqB;;IAErB,mCAAmC;IACnC;MACE,4BAA4B;IAC9B;EACF;;EAEA;IACE,yEAAyE;IACzE,yEAAyE;IACzE,kBAAkB;IAClB,+BAA+B;EACjC;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,8BAA8B;IAC9B,wBAAwB;EAC1B;;EAEA;;IAEE,gBAAgB;;IAEhB;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;;IAE/B;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;AACF","file":"_lists.scss","sourcesContent":["@include govuk-exports(\"govuk/core/lists\") {\n  %govuk-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n    padding-left: 0;\n    list-style-type: none;\n\n    // Add a top margin for nested lists\n    %govuk-list {\n      margin-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-list > li {\n    // Lists without numbers or bullets should always have extra space between\n    // list items. Lists with numbers or bullets only have this extra space on\n    // tablet and above\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-list {\n    @extend %govuk-list;\n  }\n\n  %govuk-list--bullet {\n    padding-left: govuk-spacing(4);\n    list-style-type: disc;\n  }\n\n  %govuk-list--number {\n    padding-left: govuk-spacing(4);\n    list-style-type: decimal;\n  }\n\n  %govuk-list--bullet > li,\n  %govuk-list--number > li {\n    margin-bottom: 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  %govuk-list--spaced > li {\n    margin-bottom: govuk-spacing(2);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-list--bullet {\n    @extend %govuk-list--bullet;\n  }\n\n  .govuk-list--number {\n    @extend %govuk-list--number;\n  }\n\n  .govuk-list--spaced {\n    @extend %govuk-list--spaced;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/core/_typography.scss

@@ -77,7 +77,7 @@
     margin-bottom: govuk-spacing(1);
     color: $govuk-secondary-text-colour;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: 0;
     }
   }
@@ -161,7 +161,7 @@
   %govuk-body-l + %govuk-heading-l {
     padding-top: govuk-spacing(1);
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       padding-top: govuk-spacing(2);
     }
   }
@@ -180,7 +180,7 @@
   %govuk-list + %govuk-heading-s {
     padding-top: govuk-spacing(1);
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       padding-top: govuk-spacing(2);
     }
   }

data/node_modules/govuk-frontend/dist/govuk/core/_typography.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/govuk/core/_typography.scss"],"names":[],"mappings":"AAAA;EACE,UAAU;;EAEV;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,yBAAyB;EAC3B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA,qCAAqC;;EAErC;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;IAC/B,mCAAmC;;IAEnC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,mCAAmC;EACrC;;EAEA,mBAAmB;;EAEnB;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA,aAAa;EACb;IACE,0BAA0B;IAC1B,+BAA+B;;IAE/B,aAAa;IACb,6CAA6C;EAC/C;;EAEA,aAAa;EACb;IACE,sBAAsB;EACxB;;EAEA,eAAe;;EAEf,6EAA6E;EAC7E,oCAAoC;;EAEpC;IACE,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;EACvB;;EAEA,wBAAwB;EACxB,oEAAoE;;EAEpE;IACE,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;;EAEA;;;IAGE,2CAA2C;EAC7C;;EAEA;;;;;;IAME,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;AACF","file":"_typography.scss","sourcesContent":["@include govuk-exports(\"govuk/core/typography\") {\n  // Headings\n\n  %govuk-heading-xl {\n    @include govuk-text-colour;\n    @include govuk-font($size: 48, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-heading-xl {\n    @extend %govuk-heading-xl;\n  }\n\n  %govuk-heading-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 36, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-heading-l {\n    @extend %govuk-heading-l;\n  }\n\n  %govuk-heading-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-m {\n    @extend %govuk-heading-m;\n  }\n\n  %govuk-heading-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-s {\n    @extend %govuk-heading-s;\n  }\n\n  // Captions to be used inside headings\n\n  .govuk-caption-xl {\n    @include govuk-font($size: 27);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  .govuk-caption-l {\n    @include govuk-font($size: 24);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-caption-m {\n    @include govuk-font($size: 19);\n\n    display: block;\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Body (paragraphs)\n\n  %govuk-body-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-body-l {\n    @extend %govuk-body-l;\n  }\n\n  %govuk-body-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-m {\n    @extend %govuk-body-m;\n  }\n\n  %govuk-body-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 16);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-s {\n    @extend %govuk-body-s;\n  }\n\n  // @deprecated\n  %govuk-body-xs {\n    @include govuk-text-colour;\n    @include govuk-font($size: _14);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  // @deprecated\n  .govuk-body-xs {\n    @extend %govuk-body-xs;\n  }\n\n  // Usage aliases\n\n  // Using extend to alias means we also inherit any contextual adjustments that\n  // refer to the 'original' class name\n\n  .govuk-body-lead {\n    @extend %govuk-body-l;\n  }\n\n  .govuk-body {\n    @extend %govuk-body-m;\n  }\n\n  // Contextual adjustments\n  // Add top padding to headings that appear directly after paragraphs.\n\n  %govuk-body-l + %govuk-heading-l {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-body-m + %govuk-heading-l,\n  %govuk-body-s + %govuk-heading-l,\n  %govuk-list + %govuk-heading-l {\n    @include govuk-responsive-padding(4, \"top\");\n  }\n\n  %govuk-body-m + %govuk-heading-m,\n  %govuk-body-s + %govuk-heading-m,\n  %govuk-list + %govuk-heading-m,\n  %govuk-body-m + %govuk-heading-s,\n  %govuk-body-s + %govuk-heading-s,\n  %govuk-list + %govuk-heading-s {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/govuk/core/_typography.scss"],"names":[],"mappings":"AAAA;EACE,UAAU;;EAEV;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,yBAAyB;EAC3B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA,qCAAqC;;EAErC;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;IAC/B,mCAAmC;;IAEnC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,mCAAmC;EACrC;;EAEA,mBAAmB;;EAEnB;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA,aAAa;EACb;IACE,0BAA0B;IAC1B,+BAA+B;;IAE/B,aAAa;IACb,6CAA6C;EAC/C;;EAEA,aAAa;EACb;IACE,sBAAsB;EACxB;;EAEA,eAAe;;EAEf,6EAA6E;EAC7E,oCAAoC;;EAEpC;IACE,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;EACvB;;EAEA,wBAAwB;EACxB,oEAAoE;;EAEpE;IACE,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;;EAEA;;;IAGE,2CAA2C;EAC7C;;EAEA;;;;;;IAME,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;AACF","file":"_typography.scss","sourcesContent":["@include govuk-exports(\"govuk/core/typography\") {\n  // Headings\n\n  %govuk-heading-xl {\n    @include govuk-text-colour;\n    @include govuk-font($size: 48, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-heading-xl {\n    @extend %govuk-heading-xl;\n  }\n\n  %govuk-heading-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 36, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-heading-l {\n    @extend %govuk-heading-l;\n  }\n\n  %govuk-heading-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-m {\n    @extend %govuk-heading-m;\n  }\n\n  %govuk-heading-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-s {\n    @extend %govuk-heading-s;\n  }\n\n  // Captions to be used inside headings\n\n  .govuk-caption-xl {\n    @include govuk-font($size: 27);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  .govuk-caption-l {\n    @include govuk-font($size: 24);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-caption-m {\n    @include govuk-font($size: 19);\n\n    display: block;\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Body (paragraphs)\n\n  %govuk-body-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-body-l {\n    @extend %govuk-body-l;\n  }\n\n  %govuk-body-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-m {\n    @extend %govuk-body-m;\n  }\n\n  %govuk-body-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 16);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-s {\n    @extend %govuk-body-s;\n  }\n\n  // @deprecated\n  %govuk-body-xs {\n    @include govuk-text-colour;\n    @include govuk-font($size: _14);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  // @deprecated\n  .govuk-body-xs {\n    @extend %govuk-body-xs;\n  }\n\n  // Usage aliases\n\n  // Using extend to alias means we also inherit any contextual adjustments that\n  // refer to the 'original' class name\n\n  .govuk-body-lead {\n    @extend %govuk-body-l;\n  }\n\n  .govuk-body {\n    @extend %govuk-body-m;\n  }\n\n  // Contextual adjustments\n  // Add top padding to headings that appear directly after paragraphs.\n\n  %govuk-body-l + %govuk-heading-l {\n    padding-top: govuk-spacing(1);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-body-m + %govuk-heading-l,\n  %govuk-body-s + %govuk-heading-l,\n  %govuk-list + %govuk-heading-l {\n    @include govuk-responsive-padding(4, \"top\");\n  }\n\n  %govuk-body-m + %govuk-heading-m,\n  %govuk-body-s + %govuk-heading-m,\n  %govuk-list + %govuk-heading-m,\n  %govuk-body-m + %govuk-heading-s,\n  %govuk-body-s + %govuk-heading-s,\n  %govuk-list + %govuk-heading-s {\n    padding-top: govuk-spacing(1);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding-top: govuk-spacing(2);\n    }\n  }\n}\n"]}