defra_ruby_template 5.4.1 → 5.11.0

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

@@ -0,0 +1,187 @@
+@include govuk-exports("govuk/component/service-navigation") {
+  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
+  $govuk-service-navigation-background: govuk-colour("light-grey");
+  $govuk-service-navigation-border-colour: $govuk-border-colour;
+
+  // We make the link colour a little darker than normal here so that it has
+  // better perceptual contrast with the navigation background.
+  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);
+
+  .govuk-service-navigation {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-service-navigation-border-colour,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+    @include _govuk-rebrand(
+      "background-color",
+      $from: $govuk-service-navigation-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-service-navigation__container {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+  }
+
+  // These styles are shared between nav items and the service name, they
+  // ensure that both of them remain vertically aligned with one another
+  .govuk-service-navigation__item,
+  .govuk-service-navigation__service-name {
+    position: relative;
+    margin: govuk-spacing(2) 0;
+    border: 0 solid $govuk-service-navigation-link-colour;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: govuk-spacing(4) 0;
+
+      @include _govuk-rebrand {
+        padding: govuk-spacing(3) 0;
+        line-height: 1.5;
+      }
+
+      &:not(:last-child) {
+        @include govuk-responsive-margin(6, $direction: right);
+      }
+    }
+  }
+
+  .govuk-service-navigation__item--active {
+    @include govuk-media-query($until: tablet) {
+      // Negative offset the left margin so we can place a current page indicator
+      // to the left without misaligning the list item text.
+      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);
+      padding-left: govuk-spacing(2);
+      border-left-width: $govuk-service-navigation-active-link-border-width;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      @include _govuk-rebrand(
+        "padding-bottom",
+        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,
+        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width
+      );
+      border-bottom-width: $govuk-service-navigation-active-link-border-width;
+    }
+  }
+
+  .govuk-service-navigation__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-underline;
+    @include govuk-link-style-no-visited-state;
+
+    &:not(:hover):not(:focus) {
+      // We set the colour here as we don't want to override the hover or
+      // focus colours
+      color: $govuk-service-navigation-link-colour;
+    }
+  }
+
+  //
+  // Service name specific code
+  //
+
+  .govuk-service-navigation__service-name {
+    @include govuk-font($size: 19, $weight: bold);
+  }
+
+  // Annoyingly this requires a compound selector in order to overcome the
+  // specificity of the other link colour override we're doing
+  .govuk-service-navigation__service-name .govuk-service-navigation__link {
+    @include govuk-link-style-text;
+  }
+
+  //
+  // Navigation list specific code
+  //
+
+  .govuk-service-navigation__toggle {
+    @include govuk-font($size: 19, $weight: bold);
+    display: inline-flex;
+    margin: govuk-spacing(2) 0;
+    padding: 0;
+    border: 0;
+    color: $govuk-service-navigation-link-colour;
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+    align-items: center;
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    // Ensure the button stays hidden if the hidden attribute is present
+    &[hidden] {
+      display: none;
+    }
+
+    // If we have both a service name and navigation toggle, remove the
+    // margin-top so that there isn't a bunch of space between them
+    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
+      margin-top: 0;
+    }
+  }
+
+  .govuk-service-navigation__list {
+    @include govuk-font($size: 19);
+    margin: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+    list-style: none;
+
+    // Make the navigation list a flexbox. Doing so resolves a couple of
+    // accessibility problems caused by the list items being inline-blocks:
+    // - Removes the extra whitespace from between each list item that screen
+    //   readers would pointlessly announce.
+    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read
+    //   all of the links as a run-on sentence.
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+
+      // However... IE11 totally trips over flexbox and doesn't wrap anything,
+      // making all of the items into a single, horizontally scrolling row,
+      // which is no good. This CSS hack removes the flexbox definition for
+      // IE 10 & 11, reverting it to the flawed, but OK, non-flexbox version.
+      //
+      // CSS hack taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+      // which also includes an explanation of why this works
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        display: block;
+      }
+    }
+  }
+
+  // This is a <strong> element that is used as a fallback mechanism for
+  // visually indicating the current page in scenarios where CSS isn't
+  // available. We don't actually want it to be bold normally, so set it to
+  // inherit the parent font-weight.
+  .govuk-service-navigation__active-fallback {
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +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,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;QAC3B,gBAAgB;MAClB;;MAEA;QACE,sDAAsD;MACxD;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,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,sEAAsE;MACtE,CAAC;MACD,yGAAyG;MACzG,sDAAsD;MACtD;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;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      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        line-height: 1.5;\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\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  //\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 10 & 11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack 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        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"]}

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

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

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

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